Terbaru: Optimasi URL Blog | 10 Tips Mempercepat Blog Load | 30 Strategi SEO | 15 Rahasia Menulis Konten

Ad 468 X 60

Saturday, February 16, 2013

Cara Memasang Tombol Share Di Bawah Postingan (Facebook, Twitter, Google+, Dll)

Posted by Unknown , 8:02 PM 87 Comments so far
tombol share di bawah postingan
Tombol share di bawah postingan

Banyak hal yang perlu Anda lakukan untuk meningkatkan pengunjung blog Anda. Saat ini Anda perlu berterimakasih kepada situs-situs jejaring sosial karena dengan itu Anda dapat mempromosikan dan berbagi website/ blog Anda kepada kalangan yang lebih luas. Pada artikel saya kali ini akan membahas bagaimana cara memasang tombol share dari addthis di bawah postingan Anda. Saya akan menyediakan berbagai macam script tombol share dan Anda dapat memilih mana yang Anda ingin pasang di website Anda. Tombol share yang saya sediakan diantaranya Facebook like, Twitter, Google+, Pinterest, LinkedIn, Stumbleupon, dan satu tombol yang memuat semuanya. Baiklah langsung saja saya tunjukkan caranya.

Artikel lain yang mungkin Anda inginkan: Cara Memasang Tombol Share Melayang di Blog

Cara Memasang Tombol Share Di Bawah Postingan
  • Login ke akun Blogger Anda kemudian masuk ke Template
  • Backup dulu template Anda bila perlu
  • Klik Edit HTML dan centang Expand Widget Templates 
  • Cari kode ini (gunakan CTRL + F untuk memudahkan pencarian)
<data:post.body/>

  • Kemudian letakkan kode di bawah ini tepat di bawah kode <data:post.body/> itu
<!-- 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_google_plusone' g:plusone:size='medium'/>
<a class='addthis_button_pinterest_pinit'/>
<a class="addthis_button_linkedin_counter"/>
<a class='addthis_button_stumbleupon_badge'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5064705719d41eef' type='text/javascript'/>
<!-- AddThis Button END -->

 Catatan: Apabila kode <data:post.body/> ada dua, letakkan kode di atas tepat di bawah kode kedua. Anda juga dapat menghapus tombol share yang tidak Anda inginkan dengan cara menghapus 1 baris  kode yang berwarna kuning. Misalkan Anda tidak menginginkan tombol LinkedIn maka Anda hapus kode <a class="addthis_button_linkedin_counter">.

  • Simpan Template Anda dan lihatlah perubahannya pada blog Anda.

Sekarang pengunjung Anda dapat dengan bebas membagikan Artikel Anda, dengan begitu pengunjung dan traffic website/blog Anda akan meningkat. Sekian postingan dari saya kali ini dan nantikan postingan menarik selanjutnya dari D-Genera Blog.

Labels:
Author: Balaputra
Balaputra adalah seorang mahasiswa yang melakukan aktivitas blogging hanya untuk menghabiskan waktu luang.

87 comments:

  1. Nandar SunandarFebruary 22, 2013 at 11:09 PM

    nice info gan... saya sudah pasang nih.. :D
    jangan lupa mampir di blog saya dong :D http://nandarious.blogspot.com

    ReplyDelete
  2. Suardiana UtamaFebruary 26, 2013 at 5:37 PM

    Terima Kasih tutorialnya akhirnya cocok juga untuk template saya, dari berbagai cara yang ada, code ini yang paling cocok.
    Sekali lagi terima kasih.
    Salam Kenal

    ReplyDelete
  3. AnonymousMarch 10, 2013 at 8:36 AM

    makaih gan, ijin make yah

    ReplyDelete
  4. Adam Alt DelApril 15, 2013 at 2:25 PM

    mksih info.y gan...
    slam knal jga yah, by Adam.

    klo ada wktu kunjung blik ke :
    www.aad.web.id

    Thanks..

    ReplyDelete
  5. alat kantorApril 18, 2013 at 12:19 AM

    keren mas bro...jadi moga anda dapat pahala hehehe
    mampir yah di blogku :)
    http://indonesianfoodrecipes1.blogspot.com
    trimakasih :)

    ReplyDelete
  6. Akang BudiApril 18, 2013 at 11:22 PM

    sob, kan banyak, kira2 yang ke berapa tuh? thanks before

    ReplyDelete
    Replies
    1. Ishana BalaputraApril 19, 2013 at 4:06 PM

      Yang keberapa bagaimana sob??
      Gunakan sj tombol yg disuka, jika ada tmbol yg tidak suka tinggal hapus satu baris kode yg sy beri warna kuning..semoga berhasil.
      ^^

      Delete
  7. van busengApril 19, 2013 at 11:04 AM

    keren Mas Bro

    ReplyDelete
  8. MUSLIM ALIMApril 21, 2013 at 12:47 PM

    gan ane baru terjun di dunia blogger, ane mau nyoba carax agan kok kagak bisa ya, waktuk ane klik EDIT HTML kok yang namanya Expand Widget Templates kagak ada terus kode nya juga kagak ada.....mohon pencerahannyaa

    ReplyDelete
    Replies
    1. Ishana BalaputraApril 23, 2013 at 2:59 PM

      Tampilan Editor HTML blogger skr sudah beda kawan,,tidak perlu expand widget..

      Lebih jelasnya baca artikel ini kawan http://d-genera.blogspot.com/2013/04/fitur-baru-editor-html-blogger.html

      Delete
  9. Kang Mas Brow KasroiMay 3, 2013 at 8:55 AM

    Infonya penting banets gan, thx ya.. follow back

    ReplyDelete
  10. Ian AbaMay 11, 2013 at 8:25 AM

    udah saya coba tapi kok tidak bisa.bagaimana ini http://ianabaa.blogspot.com

    ReplyDelete
    Replies
    1. Ishana BalaputraMay 11, 2013 at 8:53 AM

      Pasti bisa kawan, mungkin ada beberapa hal yang kurang benar...
      Silahkan diteliti lagi..Jika kode data:post.body/ ada 2 maka letakkan di bawah kode ke dua..

      Delete
  11. Reza PatmaraMay 21, 2013 at 4:06 PM

    ini cuman tombol like atau ada sharenya bang?
    soalnya saya coba hasilnya cumn like? :)

    ReplyDelete
    Replies
    1. Ishana BalaputraMay 21, 2013 at 5:47 PM

      Tombol like Facebook dan tombol share jejaring sosial yg lain..
      Jika ingin tombol share Facebook silahkan tambahkan sript yg ada di situs ini: http://www.addthis.com/social-plugins/facebook-send-button

      Tambahkan script-nya di baris yg berwarna kuning pada tutorial di atas.

      Delete
  12. putri aryaJune 4, 2013 at 5:29 PM

    ko di blog saya tidak ada tulisan "EXPAND WEDGET". lalu gimana solusinya ? makasih

    ReplyDelete
    Replies
    1. Ishana BalaputraJune 4, 2013 at 6:47 PM

      Tampilan editor html saat ini sudah diperbaharui kawan, silahkan baca artikel http://d-genera.blogspot.com/2013/04/fitur-baru-editor-html-blogger.html.

      jadi tidak usah melakukan expand widget, langsung saja cari kodenya..

      Delete
  13. Mr NawawiJune 13, 2013 at 12:48 PM

    error gan

    ReplyDelete
    Replies
    1. Ishana BalaputraJune 13, 2013 at 1:00 PM

      Mungkin ada yg kurang benar kawan krn script itu sy dapatkan dari situs resminya addthis...
      Coba diperiksa lagi

      Delete
  14. Syaiful RamadoniJune 21, 2013 at 3:09 PM

    koreksi gan,...
    kurang kode penutup "a" di samping kode penutup div , , CMIIW :)

    but,, thanks info'a.. :)

    ReplyDelete
    Replies
    1. Ishana BalaputraJune 23, 2013 at 2:09 PM

      Tidak kawan,,kode di atas sudah benar..
      Silahkan dipakai.

      Delete
  15. Kresnanda RahmantoJuly 12, 2013 at 7:50 PM

    buat kotak komen2 kayak agan ini gimana?kasih tutornya dong
    http://softwarehardwareos.blogspot.com/

    ReplyDelete
  16. ickbal satuJuly 25, 2013 at 5:14 PM

    kodenya share yang linkedin kurang tanda / ,

    ReplyDelete
    Replies
    1. Ishana BalaputraJuly 25, 2013 at 7:19 PM

      Terimakasih koreksinya kawan,,sudah saya perbaiki...

      Delete
  17. de eka SasAugust 12, 2013 at 2:23 PM

    sipp.. berhasil pasangnya gan.. tampilannya bagus dan membuat blog semakin menarik. makasi ya atas tutorialnya..
    salam blogger..
    jangan lupa kunjungan balik di :
    www.puteka85.blogspot.com

    ReplyDelete
  18. CaraMenjualPulsaAugust 17, 2013 at 9:01 PM

    kode tidak ditemukan sudah beberapa kali dicoba.knp ya gan?

    ReplyDelete
  19. Fath Ar-RizqAugust 22, 2013 at 10:49 AM

    Keren Gan,, Mampir balik ya http://www.fathurrizqi.com

    ReplyDelete
  20. Johan Sanjaya Adia PutraSeptember 8, 2013 at 7:33 PM

    mantab gan

    ReplyDelete
  21. bisnis onlineSeptember 19, 2013 at 11:25 PM

    kalau untuk blog wordpress gimana gan cara membuatnya?

    ReplyDelete
  22. iduy toelankSeptember 21, 2013 at 10:11 AM

    kode seperti ini ko tidak ada ya gan ??? Pencerahannya dong gan...

    ReplyDelete
  23. wildan anshoriSeptember 24, 2013 at 4:33 AM

    saya tidak menemukan kodenya mas gimana ini?

    ReplyDelete
  24. dunia gamesSeptember 26, 2013 at 3:29 AM

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

    ReplyDelete
  25. Kumpulan Soal USKPOctober 8, 2013 at 11:45 AM

    sorry gan, kok di blog saya tidak berhasil ya
    mohon petunyuk

    ReplyDelete
  26. willy ginanjarOctober 14, 2013 at 7:51 PM

    makasih info gan ... tak coba yah

    ReplyDelete
  27. AnonymousOctober 18, 2013 at 8:07 AM

    akhirnya tak disengaja.. saya jemplung di blog agan..,
    makasih atas infonya..
    tapi kenapa gak muncul ya di blog saya..

    ReplyDelete
  28. Rizzaq AynurNovember 2, 2013 at 12:34 PM

    tau caranya biar tampilan atau background tiap posting berbeda2, atau tiap labelnya berbeda-beda nggak??

    ReplyDelete
  29. obat impotensiNovember 16, 2013 at 12:46 AM

    makasih banyak sob tutorialnya sangat jelas..

    ReplyDelete
  30. jikindraNovember 21, 2013 at 12:23 PM

    it work!

    ReplyDelete
  31. Sepatu converse MurahNovember 27, 2013 at 12:48 AM

    Terimakasi Ilmunya bos kini Blogku Tamba keren aja semua atas berkat ilmu bos

    ReplyDelete
  32. Muhammad RauufDecember 1, 2013 at 7:47 AM

    This comment has been removed by the author.

    ReplyDelete
  33. Muhammad RauufDecember 1, 2013 at 7:48 AM

    terimakasih mas atas scriptnya. akhirnya bisa saya modifikasi di blog saya dengan mudah. bloggartz.blogspot.com

    ReplyDelete
  34. DINA SHOPDecember 15, 2013 at 7:35 PM

    GEBEAR HARGA PROMO TERPERCAYA DI DINA SHOP
    Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS:085-77966-5033 ATAU KLIK WEBSET RESMI KAMI http://dina-shop7.blogspot.com/.

    Ready Stock!
    BlackBerry 9380 Orlando - Black.Rp.900.000,-
    Ready Stock!
    BlackBerry Curve 8520 Gemini.Rp.500.000,-
    Ready Stock!
    BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
    Ready Stock!
    Blackberry Curve 9320.Rp.700.000,-
    Ready Stock!
    Samsung Galaxy Note 10.1.Rp.2,500.000.
    Ready Stock!
    Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock!
    Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock!
    Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock!
    Samsung Galaxy Note N7100.Rp.2.500.000.
    Ready Stock!
    Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
    Ready Stock!
    Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000,-
    Ready Stock!
    Nokia Lumia 800 - Matt Black.Rp.1.700.000,-
    Ready Stock!
    Nokia Lumia-710-whiteRp. 900.000,-
    Ready Stock!
    Nokia C2-06 Touch & Type -Dual GSM-Rp.450.000,-
    Ready Stock!
    Nokia Lumia 710 - Black.Rp. 900.000,-
    Ready Stock!
    Apple iPhone 4S 16GB (dari XL) - Black.Rp.1.200.000,-
    Ready Stock!
    Apple iPhone 4S 16GB (dari Telkomsel).Rp.1.200.000,-
    Ready Stock!
    Apple iPod Touch 4 Gen 8GB.Rp.700.000.
    Ready Stock!
    APPLE iPod Nano 8GB - Pink.Rp.500.000,-
    Ready Stock!
    Acer Aspire 4755G Core i5 2430 Linux Blue.Rp 1.700.000.
    Ready Stock!
    Acer Aspire One AOD270 10.1.-Rp. 1.000.000,-
    Ready Stock!
    Acer TravelMate TM8481-2462G32.Rp. 1.400.000
    Ready Stock!
    Acer ICONIA Tab W500 10.1" Tablets Notebook.Rp. 1.100.000,-
    Ready Stock!
    Nikon D7000 kit 18-105mm.Rp.1.700.000.
    Ready Stock!
    Nikon D90 Kit 18-105mm Vr.Rp 1.300.000.
    Ready Stock!
    Nikon Coolpix L 120 Red.Rp. 900.000
    Ready Stock!
    Nikon Coolpix P 500 Black.Rp 1.000.000

    ReplyDelete
  35. andre jualgamepcDecember 20, 2013 at 5:14 AM

    This comment has been removed by the author.

    ReplyDelete
  36. andre jualgamepcDecember 20, 2013 at 5:15 AM

    Ijin share y . .. yg suka game pc/laptop bisa order di blog ni http://belanjagamespc.blogspot.com tempat y game game keren

    ReplyDelete
  37. hyuDecember 26, 2013 at 4:23 AM

    hatur nuhun kang .... udah berhasil dipasang nih

    ReplyDelete
  38. Agus SupriyonoDecember 26, 2013 at 8:25 PM

    makasih sudah saya pasang diblog saya, bisa

    ReplyDelete
  39. AnonymousJanuary 2, 2014 at 10:54 AM

    kok coba di blog ku gak muncul

    ReplyDelete
  40. winning eleven 2014 for PS2January 18, 2014 at 1:14 AM

    wih berhasil ,thx sob

    ReplyDelete
  41. boy topanJanuary 27, 2014 at 12:37 PM

    blog ane www.boytopan778.blogspot.com berhasil pasang

    ReplyDelete
  42. Dapat dollarFebruary 13, 2014 at 11:16 PM

    terima kasih atas infonya,sukses selalu buat blog nya
    http://www.duniagame.info/
    http://si-kudil.blogspot.com/

    ReplyDelete
  43. saif achmadMarch 8, 2014 at 5:28 PM

    wah sukses gan,makasih tutornya,
    mampir jg ke hums sya ya, sya suguhin yg unik2 dan aneh2 disini http://www.emelde.com/

    ReplyDelete
  44. bisnis modal kecilMarch 13, 2014 at 12:54 PM

    ok terima kasih banyak sob tutorialnya ane sudah berhasil pasangan diblog

    ReplyDelete
  45. jamu kuat tradisionalMarch 13, 2014 at 12:56 PM

    tombol share memang membantu banget thanks ya tutorialnya

    ReplyDelete
  46. dariansyahMarch 14, 2014 at 10:34 PM

    itu bisa dipasang diblog wordpress juga ya gan..?

    ReplyDelete
  47. pusatpedia.com/May 10, 2014 at 6:25 AM

    thanks bro tutorialnya, sangat membantu. saya bookmark artikelnya

    ReplyDelete
  48. Rizal NurhidayatJuly 24, 2014 at 9:34 PM

    Thanks infonya bro... sudah saya pasang dan saya sesuaikan dengan blog saya dan berhasil... mantab.. :D.. kunjungi blog saya juga ya [http://clever-society.blogspot.com/]. :)

    ReplyDelete
  49. Boy PanjaitanOctober 25, 2014 at 5:48 PM

    mampir disini gan http://boypanjaitan.esy.es

    ReplyDelete
  50. A R D YOctober 31, 2014 at 9:21 PM

    boss, kok di blog saya ada 3 pilih yang mana ya? thx

    ReplyDelete
  51. AnonymousNovember 13, 2014 at 1:25 AM

    oke deh gan... saya coba deh pasang google plus nya biar keren blog ku

    ReplyDelete
  52. Jogja OutdoorJanuary 16, 2015 at 10:28 AM

    Keren bermanfaat

    ReplyDelete
  53. dadotFebruary 6, 2015 at 9:31 AM

    agar tombol addthis-nya hanya muncul di bawah tiap postingan, bukan di halaman utama gimana caranya ya? mohon petunjuk

    ReplyDelete
  54. sepatu adidasFebruary 13, 2015 at 11:23 AM

    wah sukses gan,makasih tutornya,

    ReplyDelete
  55. sepatu murahFebruary 13, 2015 at 11:24 AM

    Thanks infonya bro..

    ReplyDelete
  56. harga makanan hamsterFebruary 13, 2015 at 11:28 AM

    Keren bermanfaat

    ReplyDelete
  57. info lowongan kerja terbaru 2015February 13, 2015 at 11:30 AM

    itu bisa dipasang diblog wordpress juga ya gan..?

    ReplyDelete
  58. kredit tanpa jaminanFebruary 13, 2015 at 11:46 AM

    oke deh gan... saya coba deh pasang google plus nya biar keren blog ku

    ReplyDelete
  59. TimFebruary 19, 2015 at 9:38 AM

    trims gan, dicoba langsung

    ReplyDelete
  60. Ermawati PiscesMarch 20, 2015 at 10:34 PM

    Makasih sob infonya sangat bermanfaat

    ReplyDelete
  61. Takengon DevMarch 23, 2015 at 10:34 AM

    Layak di coba nih..
    kunjung balek ya gan..
    takengon-dev.blogspot.com

    ReplyDelete
  62. Irma YuniaApril 25, 2015 at 9:28 AM

    good luck !
    s.id/5EG

    ReplyDelete
  63. Ace MaxsApril 29, 2015 at 9:56 AM

    sangat menarik sekali nih, bertambah lagi ilmu saya....
    makasih banyak.

    http://landongobatherbal.com/obat-herbal-insomnia/

    ReplyDelete
  64. herwiendo mahendraMay 12, 2015 at 9:29 PM

    koq ga bs gan di web site ane gan..
    jgn lupa mampir di web site ane ya gan
    di www.translatationkiosk.com

    ReplyDelete
  65. EXPO CPNS BUMNMay 22, 2015 at 10:58 AM

    Makasih bgt bro info nya, sangat bermanfaat. hehe
    Jangan Lupa mampir ke blog Lowongan Kerja Terbaru ane ya Lowongan Kerja Bank BTPN Syariah

    ReplyDelete
  66. Rapika RahmanSeptember 28, 2015 at 7:00 AM

    wah bisa. terimakasih bang

    ReplyDelete
  67. Afdhal IlahiOctober 3, 2015 at 6:37 AM

    mksih gan,,berguna skli tutornya.. by afdhalilahi.com

    ReplyDelete
  68. Imam WijayantoOctober 14, 2015 at 9:19 AM

    tombol facebook like apakah sama dengan facebook share? apakah otomatis nge-share ke facebook? saya juga sudah pasang tp facebook like di www.jagoanjajan.com

    ReplyDelete
  69. Untuk KitaNovember 5, 2015 at 6:54 PM

    kalau ingin di pasang di website bisa ga bos?



    JELLY GAMAT GOLD G

    ReplyDelete
  70. Untuk KitaNovember 5, 2015 at 6:55 PM

    kalau ingin di pasang di website bisa ga bos?


    http://alternatifpengobatan.com/jelly-gamat-gold-g/

    ReplyDelete
  71. Untuk KitaNovember 5, 2015 at 6:55 PM

    kalau ingin di pasang di website bisa ga bos?


    http://alternatifpengobatan.com/jelly-gamat-gold-g/
    http://www.obatdiabetestradisional.net/

    ReplyDelete
  72. Gho FarDecember 13, 2015 at 8:42 PM

    Punya saya gk bisa gan....

    ReplyDelete
  73. Iwan YasMarch 10, 2016 at 6:10 PM

    makasi infonya gan, tambah lengkap blog saya di www.iwnyasa.com

    ReplyDelete
  74. Suci NovaliaApril 19, 2016 at 10:09 AM

    terimakssih gan infonya
    nanti saya akan memasangnya biar tambah komplit nantinya
    http://trensepatuterbaru.com

    ReplyDelete
  75. Maudy UsnDecember 24, 2016 at 11:59 AM

    Ok.. thanks gan!!
    gw berhasil... bisa kunjung balek gan..di tunggu kedatanganya.

    http://maudyblogs.blogspot.com

    ReplyDelete
  76. rachman zapplerepairJune 1, 2017 at 2:57 AM

    Buat kalian ada yang BARU nih sayangi GEDGET kalian yaaa:) banyak INFORMASI yang bakal kalian tau dengan lihat link-link ini langsung saja yuuu:)
    http://zapplerepair.com/Macbook-Pro-2017-touchbar-ganti-lcd-cara-buka-casing-bawah.html

    ReplyDelete

Terimakasih telah berkenan mengunjungi dan meninggalkan komentar di blog ini. Tanggapan Anda selalu kami hargai.

Subscribe to: Post Comments (Atom)