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

Cara Membuat Tombol Share di Posting Blog

Tombol Share pada blog sangat membantu pengunjung untuk membagikan sebuah halaman blog ke social media. Selain itu dengan adanya tombol share akan sedikit berpengaruh baik terhadap SEO blog Anda.

Pada kesempatan ini kita akan membahas cara membuat tombol share di posting blog dengan tiga social media terpopuler saat ini yaitu Facebook, Twitter, dan Google Plus. Jika Anda penasaran ingin segera memasangnya pada blog, berikut ikuti langkah-langkahnya:

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Cari kode <data:post.body/> (Gunakan Ctrl + F untuk mempercepat pencarian).
4. Jika Anda ingin meletakkan tombol share diatas postingan, copy paste kode dibawah ini tepat diatas <data:post.body/>
5. Kemudian jika menginginkan dibawah postingan, copy paste tepat dibawah <data:post.body/>
<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='horizontal-social-buttons' style='padding:5px 0 5px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</g:plusone></div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</fb:like></div>
</div>
</b:if>
<div style='clear: both;'/></div>
6. Kemudian Simpan template.
Nah, cukup mudahkan dan mulai saat ini pengunjung blog Anda dapat lebih mudah membagikan halaman blog ke social media.

Update 
NB: Jika kode diatas tidak dapat dipasang pada blog Anda silahkan kunjungi cara terbaru membuat tombol share pada blog semoga bermanfaat.

70 komentar:

  1. mkasih ea...!!! penting nhe bwt gw..

    follow balik ea

    http://master7chris.blogspot.com/
    free softwares download

    ReplyDelete
  2. wah boleh juga ni sob..
    ijin coba ya..

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. Follow Blog ku iya !
    Oke !
    http://ffyulwon.blogspot.com/
    Ya ..ya..please...:)

    ReplyDelete
  5. di saya kok ga bisa ya? blog saya http:/malesmelas.blogspot.com

    ReplyDelete
    Replies
    1. cek update terbaru : http://id-pemula.blogspot.com/2013/08/cara-membuat-tombol-share-pada-artikel.html

      Delete
  6. akuy nyerah, gak bisa nich!!, maaf ya...
    gak apa-apa artikelnya berguna sekali koq.

    ReplyDelete
  7. Ada yang kurang kodenya, sebaiknya anda juga mengerti html kalau tidak mengerti tidak usah dibagikan, kodenya ada yg salah bung makanya tidak ada yang berhasil memasangnya. kode yang salah tidak bisa ditunjukan dalam komentar ini karena tidak support.

    ReplyDelete
  8. di template ane kok ga ada "data:post.body/>" jadi ga bisa :(
    kunjungi blog ane juga gan http://jubilon88.blogspot.com/
    terima kasih

    ReplyDelete
  9. mantap nih gan..

    ReplyDelete
  10. Mantep gan...
    Mohon kunjungan balik n backlink'nya ya...

    (http://www.zamrudnews.com)

    ReplyDelete
  11. Script yang di berikan mengandung kesalahan, jadi tidak dapat di pasang di Blog kalian, Mohon di update donk min script yang benar, terimakasih

    newbie, follow donk reyditz-tya.blogspot.com

    ReplyDelete
  12. thx info'y
    http://duniagame7.blogspot.com/

    ReplyDelete
  13. infonya menarik gan bisa dicoba...trims

    ReplyDelete
  14. Salaam sukses, mohon pencerahan button untuk posting di blogspot koq tidak ada, bagimana bang cara memposting selanjuntya?

    ReplyDelete
  15. Terimakasih mas atas infonya sangat bermanfaat :)

    ReplyDelete
  16. Mantap! Kunjung balik ya http://ngehekal.blogspot.com/ :D

    ReplyDelete
  17. sipp di tunggu kunjung baliknya http://kabarlelaki.blogspot.com/

    ReplyDelete
  18. ini bloggernya error ya masak udah lengkap katanya kurang
    Game flash

    ReplyDelete
  19. terima kasih gan tutorialnya ... kebetulan sy mash baru blognya ... :D

    ReplyDelete
  20. tutorialnya sangat bermanfaat.
    ditunggu tutorial2 lainnya

    ReplyDelete
  21. thank admin,info nya sangat membantu bngt
    jgn lupa kunjungin blog aku ya,and beri tambhan jika ada kekurngn,soal nya bru mulai. . .

    ReplyDelete
  22. o'iya ni almt blog aku eviliana04@yahoo.com
    thanks

    ReplyDelete
  23. tombol share memang sangat bermanfaat buat meningkatkan trafik blog,
    kunjungi juga http://ardhydangia.blogspot.com

    dan bagi yang mau download lagu visit http://ardhydangia.blogspot.com

    ReplyDelete
  24. Ijin mempraktekan sob...

    ReplyDelete
  25. Punya ku ko ga ada kode ya ?
    coba tengok saja di arima-art.blogspot.com dan mohon infonya agar punya saya bisa juga diberi tombol share

    ReplyDelete
  26. kalo facebook itu kan cuma tombol likenya aja gan. Terus untuk tombol share gmn caranya?

    ReplyDelete
    Replies
    1. http://id-pemula.blogspot.com/2013/08/cara-membuat-tombol-share-pada-artikel.html

      Delete
  27. msh blm paham nih gan eror mulu

    ReplyDelete

  28. Kesalahan saat mengurai XML, baris 1, kolom 1: Content is not allowed in prolog.
    Sembunyikan pemberitahuan nih gan jadi ada ginih maksud nya gimana

    ReplyDelete
  29. mantap bang ijin coba , semoga aja berhasil :)

    ReplyDelete
  30. bos... itu bisa di gunakan di blogspot dng tmplte yg masih normal / tmplate stndar dr blogger ga boss , mksih

    ReplyDelete
    Replies
    1. dicoba aja | http://id-pemula.blogspot.com/2013/08/cara-membuat-tombol-share-pada-artikel.html

      Delete
  31. makasih infonya gan..
    izin sedot ya gan..
    saling follow gan :)
    http://infosed-esn04.blogspot.com/

    ReplyDelete
  32. tengkiyu broo,,, pas banget nee lagi nyari cara passang tombol share di blog ane http://mabelcenter.blogspot.com

    ReplyDelete
  33. wah thanks gan , bermanfaat jgn lupa mampir ke tempat saya gan -> http://adf.ly/lTIc3

    ReplyDelete
  34. nyari2 niee,,
    thanks gan,,
    ditunggu kunjungan baliknya,,

    http://fotografipon.blogspot.com

    ReplyDelete
  35. mantap gan ijin prektekin
    saling berbagi gan jangan lupa mampir gan kalo ada waktu
    http://indo-sharebest.blogspot.com

    ReplyDelete
  36. alhamdulillah sungguh membantu..
    yang sedang mencari buku-buku islami..
    mampir yuk di albantani-bookstore.blogspot.com

    ReplyDelete
  37. alhamdulillah sungguh membantu..
    yang sedang mencari buku-buku islami..
    mampir yuk di albantani-bookstore.blogspot.com

    ReplyDelete
  38. wah, bisa dicoba nih. terima kasih mas :D

    silahkan kunjungin balik kalau berkenan:
    http://ayokepo.blogspot.com/

    ReplyDelete
  39. sangat membantu

    kunjungi blik yah gan
    http://musikcopy.blogspot.com/

    ReplyDelete
  40. Mantap Gan tutornya, langsung di coba prktekin deh, thanks ya
    fast diet

    ReplyDelete
  41. makasih gan info nya,langsung coba dulu, salam kenal

    ReplyDelete
  42. nyari yang tombol sharenya gedhe bos

    ReplyDelete
  43. tombol share nya kurang gede gan, cara gedein nya gmn?
    wscbiolo.web.id

    ReplyDelete
  44. makasih gan tutornya :) http://caraneweb.blogspot.com

    ReplyDelete
  45. makasih gan tutornya :) http://caraneweb.blogspot.com

    ReplyDelete
  46. makasih gan tutornya :) http://caraneweb.blogspot.com

    ReplyDelete
  47. makasih gan
    http://teknologigadogado.blogspot.co.id/

    ReplyDelete
  48. tolong sesama blogger jgn menyesatkan nanti kena hacker loh blognya

    ReplyDelete

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