Warung Bebas
Showing posts with label Social Widget. Show all posts
Showing posts with label Social Widget. Show all posts

Wednesday, February 13, 2013

Cara Memasang Widget Share Button di Blog ( Facebook, twitter, google+ dll )

Cara Memasang Widget Share Button di Blog ( Facebook, twitter, google+ dll )!


Cara Memasang Widget Share Button dibawah postingan di blog( Facebook, twitter, google+ dll )


Zicblogger - Memasang widget share button diblog dapat memberikan kemudahan bagi pemilik dan pengunjung blog dalam berbagi suatu konten yang ada di blog. Maka dari itu, kali ini saya ingin berbagi tips bagaimana cara memasang widget share button di blog. Share button yang akan saya share kali ini adalah share button dari situs www.sharethis.com, yang terletak dibawah artikel seperti yang terpasang di blog ini dan dalam widget ini terdapat tombol, facebook like, google plus1 button, twitter, dan juga sharethis. Nah, bagi sahabat yang sudah tidak sabar untuk mengetahui bagaimana caranya, silahkan langsung saja simak beberapa langkah mudah berikut ini :


Cara Memasang Widget Share Button di Blog :





1. Silahkan login ke akun blogger anda
2. Kemudian klik : Template --> Edit HTML
3. Silahkan berikan centang pada :
 




anda cari kode berikut :
<div class='post-footer-line post-footer-line-1'>



5. Lalu copy kode dibawah ini :
<span class='st_fblike_hcount' displayText='Facebook Like'></span>
<span class='st_plusone_hcount' displayText='Google +1'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_linkedin_hcount' displayText='LinkedIn'></span>
<span class='st_sharethis_hcount' displayText='ShareThis'></span>




6. Kemudian anda letakan kode pada langkah no.5 tepat dibawah kode :
 <div class='post-footer-line post-footer-line-1'&gt



7. Selanjutnya anda letakkan kode dibawah ini tepat diatas kode "</head>" :
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-3fff87c-623b-7c62-d4af-650ed34ffdcc", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>



8. Terakhir, simpan template anda. Selesai!





Bagaimana, mudah bukan? Saya yakin anda pun pasti bisa melakukannya. Giliran saya untuk menjelaskan, sudah beres, sekarang tinggal giliran anda yang mempraktekannya. Mungkin hanya itu yang dapat saya sampaikan mengenai bagaimana Cara Memasang Widget Share Button di Blog ( Facebook, twitter, google+ dll ). Untuk kurang dan lebihnya, mohon dimaafkan, semoga artikel ini dapat memberikan manfaat, terimakasih.



 

Baca Juga Artikel Menarik Lainnya :


 

Monday, February 11, 2013

Membuat / Memasang Share Button di Postingan Blogger

Membuat / Memasang Share Button di Postingan Blogger!


Membuat / Memasang Share Button di Postingan Blogger, Memasang widget addthis di blog, www.zicblogger.blogspot.com


Zicblogger - Share Button adalah kumpulan tombol yang dapat digunakan pengunjung untuk untuk membagikan konten tertentu dari suatu blog ke social media seperti, facebok, twitter, google+, linkedin, tumblr dll. Untuk mengetahui seperti apa tampilan share button, anda dapat melihat share button yang ada di blog saya ini, tepatnya terletak di bagian bawah postigan. Disana anda akan melihat beberapa tombol seperti facebook, twitter, google+, linkedin dan juga tombol share.


Manfaat Memasang Share Button



Memasang share button di blog tentu saja akan memberikan manfaat baik itu untuk pengunjung ataupun bagi admin blog.
  • Memasang sharing button tentu saja dapat bermanfaat bagi pengunjung suatu blog karena  dapat mempermudah pengunjung dalam membagikan suatu konten yang mereka sukai ke social modia
  • Manfaat sharing button bagi admin blog yaitu hampir sama dengan manfaat untuk pengunjung, yaitu untuk mempermudah admin blog dalam menyebarkan/membagikan artikel yang ada di blognya sehingga admin blog tidak usah repot-repot mengunjungi situs social media satu/satu. 
  • Selain itu memasang sharing button di blog dapat membantu kita khususnya admin blog dalam melakukan optimasi SEO off Page




Oh iya lupa, sedikit info jika sahring button yang sudah pernh saya share sebelumnya, itu adalah sharing button dari www.sharethis.com maka untuk sharing button kali ini saya menggunakan sharing button dari www.adthis.com. Selain itu juga tombol-tombolnya juga masih sama yaitu facebook, twitter, google+ dan share. Ok bagi anda yang sudah tidak sabar dan ingin memasangnya di blog, silahkan simak beberapa langkah mudah berikut ini.


Cara Memasang Sharng Button di Blog

1. Silahkan Login ke akun Blogger
2. Klik "Template ---> Edit HTML"
3. Berikan tanda centang pada :


4. Silahkan cari kode berikut ini :
<div class='post-footer-line post-footer-line-1'>

5. Kemudian copy kode dibawah ini :
<!-- Share button www.zicblogger.blogspot.com START -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_button_linkedin_counter"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50c5fbf74858e4dd"></script>
<!-- Share button www.zicblogger.blogspot.com END -->

6. Lalu letakkan dibawah kode: <div class='post-footer-line post-footer-line-1'>


7. Terakhir, simpan template anda. Selesai



Bagaimana menurut anda, lebih simple memsang widget sharing button yang pertama atau yang ini? Kalau untuk saya sih lebih mudah yang ini hehe. Tapi itu tergantung anda suka yang mana antara widget sahring button dari sharethis atau addthis, yang jelas dua-duanya adalah penyedia widget sharing button yang bagus. Tapi jika anda juga ingin tahu bagaimana cara memasang Share Button dari www.sharethis.com anda dapat melihat caranya dalam artikel : Cara Memasang Widget Share Button di Blog ( Facebook, twitter, google+ dll ) !


Demikian yang dapat saya sampaikan mohon maaf bila terdapat banyak kekurangan entah itu dari segi penjelasan ataupun yang lainnya. Mudah-mudahan artikel ini dapat memberikan manfaat. Terimakasih


Saturday, February 9, 2013

Cara Buat / Memasang Floating Share Button di Blog

Cara Buat Floating Share Button di Blog!

Cara Buat / Memasang Floating Share Button di Blog


Zicblogger - Setelah pada artikel sebelumnya saya menjelaskan bagaimana cara memasang widget share button di bawah postingan blog dalam artikel : 


Pada kesempatan kali ini saya akan berbagi tips bagaimana cara membuat / memasang widget floating sharing button. Widget floating sharing button adalah widget sharing button yang melayang di blog entah itu di sebelah kiri halaman blog ataupun di sebelah kanan halaman blog. Untuk melihat seperti apa tampilannya, silahkan lihat demonya terlebih dahulu :




Bagaimana, apakah anda tertarik untuk memasang widget ini di blog Anda? Ok jika anda berminat untuk memasang widget tersebut, silahkan ikuti beberapa langkah mudah berikut ini :

Cara Membuat / Memasang Floating Share Button :

1. Login ke akun blogger
2. Lalu klik "Template"
3. Selanjutnya klik "Edit HTML"
4. Kemudian centang pada :
 


5.  Selanjutnya cari kode berikut ini :
</head>


6. Silahkan copy kode berikut ini dan letakan dibawah kode "</head>" :

<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>


7. Kemudian cari kode berikut :
</body>


8. Lalu anda copy kode berikut ini dan letakan dibawah kode "</body>" :

<script type="text/javascript">stLight.options({publisher: "a53a7ece-a2a3-4938-aaa0-f9c34611fb54", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script><script>
var options={ "publisher": "a53a7ece-a2a3-4938-aaa0-f9c34611fb54", "position": "
left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "googleplus", "digg", "linkedin", "tumblr", "pinterest", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);</script>


9.  Terakhir, anda simpan templatenya. Selesai dan lihat hasilnya.




Catatan :
Untuk meletakan widget floating share button di sebelah kanan halaman blog, silahkan ganti kode "Left" dengan kode "Right".



Demikian yang dapat saya sampaikan, untuk kurang dan lebihnya, mhon dimaafkan. Walaupun sederhana, semoga artikel ini dapat memberikan manfaat. Terimakasih!




Baca juga artikel menarik lainnya :





Wednesday, January 16, 2013

Memasang Widget Google+ Dengan Javascript | Tutorial Blog

Memasang Widget Google+ Dengan Javascript - Selamat pagi sahabat blogger, setelah pada kesempatan sebelumnya saya membuat artikel mengenai Cara Cepat Mendapatkan Page Rank, maka pada kesempatan ini saya akan menjelaskan bagaimana cara Memasang Widget Google+ dengan Javascript. Berbeda halnya dengan jika kita memasang widget google+ melalui add widget pada dashboard yang cenderung agak berat dalam loading, memasang widget google+ dengan javascript akan lebih ringan pada saat loading blog. 


Memasang Widget Google+ Dengan Javascript | Tutorial Blog


Memasang Widget Google+ Dengan Javascript | Tutorial Blog

Memasang Widget Google+ dengan menggunakan javascript dapat menghemat ruang pada blog kita, karena kita bisa menyisipkan javascript tersebut ke dalam widget lain. Sebagai contohnya anda dapat melihat widget "Join & Get Free Article" yang terletak di sidebar sebelah kanan blog saya ini. Saya meletakan script google+ dibawah widget follower twitter. Bagaimana, apakah anda sudah mengerti dengan apa yang saya maksud? Ok saya anggap anda sudah mengerti dengan yang saya maksud.

Bagaimanakah cara memasang widget google+ agar lebih ringan? silahkan ikuti langkah-langkah memasang widget google+ dibawah ini :

1. Login ke akun blogger
2. Klik "Tata Letak"
3. Kemudian "Tambah Gadget"
4. Pilih "HTML / Javascript"
5. Lalu copy javascript dibawah ini :

<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="medium"></div>
<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'id'};
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

5. Kemudian letakan / paste kode diatas kedalam kotak isian "HTML/Javascript", untuk lebih jelasnya, silahkanlihat gambar dibawah ini!






6. Kemudian simpan


Memasang Widget Google+ Dengan Javascript | Tutorial Blog



Bagaimana, mudah bukan sekarang tinggal giliran anda yang mencoba, hehe. Demikian cara Memasang Widget Google+ Dengan Javascript, mudah-mudahan dapat bermanfaat. Kurang dan lebihnya mohon dimaafkan, terimakasih.

Saturday, December 15, 2012

Tips SEO - Social Bookmarking Dofollow List 2012

Tips SEO - Social Bookmarking Dofollow List 2012 !



Tips SEO - Social Bookmarking Dofollow List 2012 | Setelah pada artikel sebelumnya saya membuat artikel Mengenal Apa itu Situs Social Bookmarking, pada kesempatan ini saya akan memberikan beberapa daftar situs social blog dofollow yang mungkin akan dapat membantu anda dalam berburu backlink. Bagi anda yang masih belum tahu apa itu situs social bookmarking, anda bisa membaca artikel saya sebelumnya mengenai "Apa itu situs social bookmarking". Saya mendapatkan informasi ini dari blognya mas reggy. Ok tanpa panjang lebar, silahkan cek beberapa situs social bookmarking dofollow berikut ini :

Daftar situs Social Bookmarking Indonesia Terbaru :
  1. www.lintas.me PR 4
  2. www.infogue.com PR 4
  3. www.qaafe.com PR 4
  4. www.beritague.com PR 3
  5. www.situsportal.com PR 3
  6. www.populerkan.com PR 2
  7. www.debuk.com PR 2
  8. www.bookmarkindonesia.com PR 2
  9. www.bagiurl.com PR 2
  10. www.tunden.com PR 2
  11. www.beritasaya.com PR 1
  12. www.bagikan.com PR 1
  13. www.plazaberita.com PR 1
  14. www.klowor.com PR 1
  15. www.situsku.sumbawanews.com PR 1
  16. www.lenteraseo.com PR 1
  17. www.dofollow.web.id PR 1
  18. www.jaditerkenal.com PR 0
  19. www.beritapilihan.com PR 0
  20. www.sosbok.com PR 0
  21. www.lintasaninfo.com PR 0
  22. www.blogmarkit.info  PR 0
  23. www.fuckingseo.info/ 

Tips SEO - Social Bookmarking Dofollow List 2012 | Mungkin untuk sekarang hanya cukup sekian daftar situs social indonesia yang dapat saya share, nanti jika saya sudah dapat info terbaru mengenai situs social bookmark maka akan saya update lagi, jadi ingat jangan lupa untuk selalu mengunjungi blog ini, OK!


Untuk pembahasan bagaimana cara submit artikel ke situs social bookmarking, silahkan baca artikel saya selanjutnya mengenai "Cara Submit Artikel ke Social Bookmarking". Karena menurut saya melakukan submit artikel ke situs-situs social bookmarking masih termasuk kedalam optimasi SEO off Page jadi cukup penting untuk kita lakukan apalagi jika kita ingin mendapatkan banyak pengunjung blog.  Demikian yang dapat saya sampaikan mengenai "Tips SEO - Social Bookmarking Dofollow List 2012" untuk kurang dan lebihnya mohon dimaafkan. Terimakasih


    Baca juga artikel menarik lainnya :
    1. Cara Mengetahui Blog Dofollow Nofollow dengan Mozila Firefox

    2. Dofollow Blog List Terbaru 2013 

    3. Apa dan Manfaat Blog Dofollow? ( Update! )

    4. Cara Merubah Blog Nofollow jadi Dofollow

    5. Mendaftarkan Blog ke Google Webmaster

    6. Cara Blog Walking Yang Efektif | Tips SEO

    7. Tips SEO - Social Bookmarking Dofollow List 2012

    8. Mengenal Apa itu Situs Social Bookmarking

    9. Memasang Rating Bintang Rich Snippet pada hasil SERP

    10. Apa dan manfaat Melakukan Ping!

    11. Tips Memilih Template Blog SEO Friendly

    12. Cara Membuat Link SEO Friendly

    13. Tips Memilih Nama Domain Blog / Website!

    14. Apa dan Manfaat SEO?

       


      Friday, December 14, 2012

      Mengenal Apa itu Situs Social Bookmarking

      Mengenal Apa itu Situs Social Bookmarking ?

      Mengenal Apa itu Situs Social Bookmarking | ZICBlogger

      Mengenal Apa itu Situs Social Bookmarking | Selamat pagi sahabat blogger, sahabat pasti pernah mendengar istilah social bookmarking atau orang-orang biasa menyebutnya sosbok. Tapi apa itu social bokmarking? Ok disini saya akan menjelaskan apa itu social bookmarking menurut pendapat saya dan menurut artikel yang saya baca di internet.

      Social bookmarking adalah suatu situs yang memungkinkan kita untuk dapat menyimpan, mengelola dan berbagi alamat situs yang dianggap penting. 

      Mengenal Apa itu Situs Social Bookmarking | Pada dasarnya social bookmark hampir sama dengan bookmark yang ada pada browser-browser seperti (mozila, google chrome) yaitu sama-sama digunakan untuk menyiman alamat situs atau link suatu konten yang dianggap penting hanya saja yang menjadi pembeda dari keduanya adalah jika bookmark yang ada pada browser itu hanya disimpan pada komputer kita sendiri ( lokal ) sehingga hanya kita sendiri yang dapat mengaksesnya terkecuali kita melakukan syncronisasi bookmark. Sedangkan dengan memanfaatkan situs social bookmarking kita tidak hanya dapat menyimpan alamat situs saja, tetapi juga dapat berbagi alamat situs (bookmark) yang telah kita simpan dengan pengguna internet lain.

      Mengenal Apa itu Situs Social Bookmarking | Tapi seiring dengan perkembangan jaman, para blogger biasanya memanfaatkan situs social bookmark bukan hanya untuk sekedar menyimpan bookmark, tapi tujuan utamanya yaitu untuk berburu backlink sambil berbagi informasi dengan peguna internet lain. Dan perlu anda ketahui, mensubmit artikel ke social bookmarking masih termasuk kedalam optimasi SEO yaitu optimasi SEO of Page. Tapi tidak semua situs sosbok jadi incaran para blogger, biasanya hanya situs bookmark yang berstatus dofollow saja. Karena situs social bookmark dofollow akan memberikan backlink berkualitas yang melimpah. Dan tentu saja hal itulah yang diinginkan oleh para blogger termasuk saya sendiri hehe.

      Dan disini saya akan memberikan beberapa contoh situs social bookmarking dofollow indonesia, diantaranya adalah sebagai berikut :

      www.infogue.com
      www.lintas.me
      www.populerkan.com

      sebagai contoh cukup itu dulu, untuk daftar situs social bookmark lainnya, saya akan bagikan pada artikel selanjunya. Jadi jangan lupa untuk terus berkunjung ke blog ini hehe. 

      Bagaimana, apakah anda sudah faham dengan apa yang dimaksud dengan situs social bookmarking? Saya berharap walaupun dengan penjelasan yang alakadarnya, anda dapat memahami apa yang telah saya sampaikan tadi. Demikian yang dapat saya sampaikan mengenai artikel "Mengenal Apa itu Situs Social Bookmarking". Semoga apa yang saya sampaikan hari ini dapat bermanfaat. Terimakasih.

      Selesai baca, jangan lupa share artikel ini di facebook, twitter ataupun google+...

      Happy blogging! :)