-->
 Home  ·  About  ·  Privacy  ·  Contact  ·  Advertise  ·  Follow

Cara Membuat Tombol Share pada Artikel Blog

Kami akan mencoba membahas kembali cara membuat tombol share pada posting/artikel blog, karena pada artikel sebelumnya banyak blogger yang merasa kesulitan dan tidak dapat memasang tombol share pada blog mereka.

Nah, pada kesempatan ini kami akan menulis cara yang sama dengan artikel sebelumnya tapi kita ubah kode scriptnya dan dengan tampilan yang sedikit berbeda. Untuk mempersingkat artikel langsung saja ikuti langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode <data:post.body/> dengan menggunakan Ctrl + F.
4. Letakkan kode berikut ini dibawah kode <data:post.body/> jika ingin memasang tombol share dibawah postingan atau letakkan diatas <data:post.body/> jika ingin memasang diatas postingan.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='text-align: left; font: 11px Arial; color: #000; margin: 20px auto; padding: 10px 5px;width: 600px;'>
<div style='float:left;padding:1px;margin-right:15px;font:bold 13px Arial;'>
<strong>Share this article</strong> :
</div>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fea027b6493fe59' type='text/javascript'/>
<!-- AddThis Button END -->
</div>
</b:if>
5. Kemudian terakhir Simpan Template.
Semoga tips yang kedua cara memasang tombol share diatas dapat terpasang di blog Anda dan berguna bagi kita semua.

39 komentar:

  1. This comment has been removed by the author.

    ReplyDelete
  2. makasih gan, berhasil

    ReplyDelete
  3. thx gan, dah ane coba dan berhasil :D

    ReplyDelete
  4. terima kasih gan atas infonya,. sangat bermanfaat,.
    Di tunggu gan kunjungan baliknya http:// ekoariw27. blogspot.com/
    Bagus juga blog agan ada link iklannya...
    kapan2 sy mau buat spt ini juga

    ReplyDelete
  5. mas aku coba kok ga ada pskr ctrl + f ga ada. gimana?

    ReplyDelete
    Replies
    1. letakkan kursor pada area kode HTML kemudian tekan Ctrl + F pada keyboard

      Delete
  6. "Sangat Bermanfaat"
    Terima kasih atas infonya.

    ReplyDelete
  7. Terima Kasih banyak gan, langsung diperraktekin deh gan.

    ReplyDelete
  8. Wah manteb sob infonya...
    http://www.kopnamikaze.blogspot.com/

    ReplyDelete
  9. punya saya ga bisa kenapa ya padahal sudah ngikutin semua caranya

    ReplyDelete
  10. akhirnya berhasil juga :D maksih om

    ReplyDelete
  11. blom jodoh gan hehehehe. mampir ke blog saya ya gan http://adf.ly/lTIc3

    ReplyDelete
  12. terima kasih infonya
    http://susangallery.co.id

    ReplyDelete
  13. mampir balik yah... :)
    http://new-magz.blogspot.com/

    ReplyDelete
  14. thx gan infonya http://nukeshopbekasi.blogspot.com

    ReplyDelete
  15. Gan masih kgk berhsil... tlong cerahannya donk....

    ReplyDelete
  16. Mmm... Patut dicoba nih kali aja yang ini support ke template ane... Kunjungan balik nya gan
    INDOFO berbagi ilmu tanpa batas

    ReplyDelete
  17. pnya q gak da kata data post bodynya

    ReplyDelete
  18. MAMPIR JUGA DI asepstbandlangit.blogspot.com

    ReplyDelete
  19. terimakasih banyak, yang ini uda bisa

    ReplyDelete
  20. terima kasih gan, tapi hasilnya kok gak sama ama yang di creenshort ya,,?

    ReplyDelete
  21. Keren banget gan, makasih informasi nya ;)

    ReplyDelete
  22. sangat membantu gan, terima kasih banyak

    ReplyDelete
  23. [ ASK ]
    biar hasil layoutnya semua jadi box_count gimana gan ?
    soalnya yg bisa saya ganti cuma yg di fb doang yg lain saya gk tau caranya..

    ReplyDelete
  24. tuturialnya bagus, perlu di coba
    http://giribig.com/
    http://blog.giribig.com/

    ReplyDelete
  25. Trims gan,membantu sekali :)

    http://infomax33.blogspot.com

    ReplyDelete
  26. Ok terimaksaih bro.. script falid sukses

    ReplyDelete
  27. Coba cek dong...punya saya tidak muncul tombol sharenya

    http://www.beritatips1.blogspot.com

    ReplyDelete
  28. makasih infonya...kunjungi balik ya..thank

    ReplyDelete

 
Copyright © 2013 - . Info Blog Indonesia · Powered by Blogger
Join Us · Facebook · Twitter