Dec 15, 2011

Cara Memasang Tombol Like Facebook Twitter Google Plus dan Share

Ketika kalian sedang blogwalking, pasti kalian pernah melihat Tombol Like Facebook Twitter Google Plus dan Share yang ada dibawah atau diatas postingan. Karena hal ini menurut saya, mempermudah pembaca/pengunjung untuk mengexpresikan pendapatnya tentang isi blog kalian apakah mereka menyukainya atau tidak dan apakah mereka ingin membagi/share postingan kalian ke teman mereka di facebook, twitter dan lainnya. Tinggal klik Tombol Like Facebook Twitter Google Plus dan Share.
Berikut cara pemasangan Tombol Like Facebook Twitter Google Plus dan Share diatas postingan.
  • Pertama kalian mengambil script Tombol Like Facebook Twitter Google Plus dan Share di situs penyediannya yakni di situs http://www.addthis.com/, gratis bos tenang aja. Setelah mengunjungi situs tersebut disana secara langsung kalian akan disuguhkan beberapa pilihan tampilan Tombol Like Facebook Twitter Google Plus dan Share pilih lalu klik get a code. Atau kalo kalian tidak mau ribet kalian bisa pakai script di bawah ini, itupun kalo kalian suka tampilannya seperti di atas postingan ini. Tapi saya jamin kalian pasti suka hehe.
<!-- AddThis Button BEGIN -->
<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_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-4ee950b47f78c765"></script>
<!-- AddThis Button END --> 
  • Langsung saja bos silahkan copy code diatas
  • Loginkan id blogger kalian >> Pilih Rancangan >> klik Edit HTML >> centang Expand Widget Template
  • Cari code <div class="post-body entry-content"> biar cepat dalam pencarian code tekan Ctrl+F masukan code yang akan di cari. Kalo tidak ketemu cari yang mirip dengan code tersebut.
  • Sudah ketemu pastekan script yang kalian copy pertama tadi tepat diatas code <div class="post-body entry-content">
  • Kalau tidak bisa cari kode ini <data:post.body/> jika terdapat dua <data:post.body/> pilih yang kedua paste script di atas dibawah kode <data:post.body/> masih tetap tidak keliatan geser dikit kebawah cari kode </div> yang tidak jauh dari  kode <data:post.body/> kalau ketemu paste script  diatas dibawah kode </div> hal ini jika model template kalian sama kaya' punya saya. Dan kalau masih tetap tidak bisa cari kode <data:post.body/> yang pertama dan paste script diatas tepat di bawahnya.
  • Simpan template
Selamat mencoba dan semoga berhasil, ada masalah silahkan comment saya akan bantu sebisa saya karena jenis template berbeda.
    Baca juga Blogger Tutorial lainnya


    11 comments:

    1. thank kang sule kasep

      ReplyDelete
    2. okee.. makasih tutorialnya yang sangat bermanfaat :). udah ane praktekin.
      klik disini

      ReplyDelete
    3. @asalasah, sama2 sob, okey ditunggu

      ReplyDelete
    4. mas knp tombol-tombol itu hilang ketika dah dklik readmore???
      sebelim readmore sih emang dah muncul....tolong kasih pencerahan

      ReplyDelete
    5. @axlyanur, sob taruh script tpmbolnya di kode yang mana, dipostingan di atas saya banyak merekomendasikan taruh dikode ini itu, coba sob tes aja satu-satu

      ReplyDelete
    6. makasih kang infonya, sangat bermanfaat :D

      ReplyDelete
    7. @Boby, semoga benar bermanfaat, thanks

      ReplyDelete
    8. Artikel yang mnarik..... patut dicoba... kebetulan saya sedang mencari tutorialnya... :")

      ReplyDelete
    9. mksh y gan tutorialx...,,

      ReplyDelete
    10. Wah yang gue cari ketemu juga

      ReplyDelete

    Silahkan kalian berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam. Saya Lagi Bermasalah Dengan Adsense, Saya izin Vakum Ngeblog Dulu Sobat Buat Nyari Solusi!!