Saturday, February 16, 2013
Cara Memasang Tombol Share Di Bawah Postingan (Facebook, Twitter, Google+, Dll)
![]() |
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.

Author: Balaputra
Balaputra adalah seorang mahasiswa yang melakukan aktivitas blogging hanya untuk menghabiskan waktu luang. Follow @IshaMcSmile
Artikel Terkait:
Widgets and Plugins
Subscribe to:
Post Comments (Atom)
nice info gan... saya sudah pasang nih.. :D
ReplyDeletejangan lupa mampir di blog saya dong :D http://nandarious.blogspot.com
Yups sama2 sob.. ^^
DeleteTerima Kasih tutorialnya akhirnya cocok juga untuk template saya, dari berbagai cara yang ada, code ini yang paling cocok.
ReplyDeleteSekali lagi terima kasih.
Salam Kenal
Alhamdulillah jika berhasil.. ^^
Deletemakaih gan, ijin make yah
ReplyDeletemksih info.y gan...
ReplyDeleteslam knal jga yah, by Adam.
klo ada wktu kunjung blik ke :
www.aad.web.id
Thanks..
Thx sudah berkunjung kawan..
Delete^^
keren mas bro...jadi moga anda dapat pahala hehehe
ReplyDeletemampir yah di blogku :)
http://indonesianfoodrecipes1.blogspot.com
trimakasih :)
sob, kan banyak, kira2 yang ke berapa tuh? thanks before
ReplyDeleteYang keberapa bagaimana sob??
DeleteGunakan sj tombol yg disuka, jika ada tmbol yg tidak suka tinggal hapus satu baris kode yg sy beri warna kuning..semoga berhasil.
^^
keren Mas Bro
ReplyDeletegan 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
ReplyDeleteTampilan Editor HTML blogger skr sudah beda kawan,,tidak perlu expand widget..
DeleteLebih jelasnya baca artikel ini kawan http://d-genera.blogspot.com/2013/04/fitur-baru-editor-html-blogger.html
Infonya penting banets gan, thx ya.. follow back
ReplyDeleteudah saya coba tapi kok tidak bisa.bagaimana ini http://ianabaa.blogspot.com
ReplyDeletePasti bisa kawan, mungkin ada beberapa hal yang kurang benar...
DeleteSilahkan diteliti lagi..Jika kode data:post.body/ ada 2 maka letakkan di bawah kode ke dua..
ini cuman tombol like atau ada sharenya bang?
ReplyDeletesoalnya saya coba hasilnya cumn like? :)
Tombol like Facebook dan tombol share jejaring sosial yg lain..
DeleteJika 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.
ko di blog saya tidak ada tulisan "EXPAND WEDGET". lalu gimana solusinya ? makasih
ReplyDeleteTampilan editor html saat ini sudah diperbaharui kawan, silahkan baca artikel http://d-genera.blogspot.com/2013/04/fitur-baru-editor-html-blogger.html.
Deletejadi tidak usah melakukan expand widget, langsung saja cari kodenya..
error gan
ReplyDeleteMungkin ada yg kurang benar kawan krn script itu sy dapatkan dari situs resminya addthis...
DeleteCoba diperiksa lagi
koreksi gan,...
ReplyDeletekurang kode penutup "a" di samping kode penutup div , , CMIIW :)
but,, thanks info'a.. :)
Tidak kawan,,kode di atas sudah benar..
DeleteSilahkan dipakai.
buat kotak komen2 kayak agan ini gimana?kasih tutornya dong
ReplyDeletehttp://softwarehardwareos.blogspot.com/
kodenya share yang linkedin kurang tanda / ,
ReplyDeleteTerimakasih koreksinya kawan,,sudah saya perbaiki...
Deletesipp.. berhasil pasangnya gan.. tampilannya bagus dan membuat blog semakin menarik. makasi ya atas tutorialnya..
ReplyDeletesalam blogger..
jangan lupa kunjungan balik di :
www.puteka85.blogspot.com
kode tidak ditemukan sudah beberapa kali dicoba.knp ya gan?
ReplyDeleteKeren Gan,, Mampir balik ya http://www.fathurrizqi.com
ReplyDeletemantab gan
ReplyDeletekalau untuk blog wordpress gimana gan cara membuatnya?
ReplyDeletekode seperti ini ko tidak ada ya gan ??? Pencerahannya dong gan...
ReplyDeletesaya tidak menemukan kodenya mas gimana ini?
ReplyDeletethx info'y
ReplyDeletehttp://duniagame7.blogspot.com/
sorry gan, kok di blog saya tidak berhasil ya
ReplyDeletemohon petunyuk
makasih info gan ... tak coba yah
ReplyDeleteakhirnya tak disengaja.. saya jemplung di blog agan..,
ReplyDeletemakasih atas infonya..
tapi kenapa gak muncul ya di blog saya..
tau caranya biar tampilan atau background tiap posting berbeda2, atau tiap labelnya berbeda-beda nggak??
ReplyDeletemakasih banyak sob tutorialnya sangat jelas..
ReplyDeleteit work!
ReplyDeleteTerimakasi Ilmunya bos kini Blogku Tamba keren aja semua atas berkat ilmu bos
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteterimakasih mas atas scriptnya. akhirnya bisa saya modifikasi di blog saya dengan mudah. bloggartz.blogspot.com
ReplyDeleteGEBEAR HARGA PROMO TERPERCAYA DI DINA SHOP
ReplyDeleteBarang 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
This comment has been removed by the author.
ReplyDeleteIjin share y . .. yg suka game pc/laptop bisa order di blog ni http://belanjagamespc.blogspot.com tempat y game game keren
ReplyDeletehatur nuhun kang .... udah berhasil dipasang nih
ReplyDeletemakasih sudah saya pasang diblog saya, bisa
ReplyDeletekok coba di blog ku gak muncul
ReplyDeletewih berhasil ,thx sob
ReplyDeleteblog ane www.boytopan778.blogspot.com berhasil pasang
ReplyDeleteterima kasih atas infonya,sukses selalu buat blog nya
ReplyDeletehttp://www.duniagame.info/
http://si-kudil.blogspot.com/
wah sukses gan,makasih tutornya,
ReplyDeletemampir jg ke hums sya ya, sya suguhin yg unik2 dan aneh2 disini http://www.emelde.com/
ok terima kasih banyak sob tutorialnya ane sudah berhasil pasangan diblog
ReplyDeletetombol share memang membantu banget thanks ya tutorialnya
ReplyDeleteitu bisa dipasang diblog wordpress juga ya gan..?
ReplyDeletethanks bro tutorialnya, sangat membantu. saya bookmark artikelnya
ReplyDeleteThanks 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/]. :)
ReplyDeletemampir disini gan http://boypanjaitan.esy.es
ReplyDeleteboss, kok di blog saya ada 3 pilih yang mana ya? thx
ReplyDeleteoke deh gan... saya coba deh pasang google plus nya biar keren blog ku
ReplyDeleteKeren bermanfaat
ReplyDeleteagar tombol addthis-nya hanya muncul di bawah tiap postingan, bukan di halaman utama gimana caranya ya? mohon petunjuk
ReplyDeletewah sukses gan,makasih tutornya,
ReplyDeleteThanks infonya bro..
ReplyDeleteKeren bermanfaat
ReplyDeleteitu bisa dipasang diblog wordpress juga ya gan..?
ReplyDeleteoke deh gan... saya coba deh pasang google plus nya biar keren blog ku
ReplyDeletetrims gan, dicoba langsung
ReplyDeleteMakasih sob infonya sangat bermanfaat
ReplyDeleteLayak di coba nih..
ReplyDeletekunjung balek ya gan..
takengon-dev.blogspot.com
good luck !
ReplyDeletes.id/5EG
sangat menarik sekali nih, bertambah lagi ilmu saya....
ReplyDeletemakasih banyak.
http://landongobatherbal.com/obat-herbal-insomnia/
koq ga bs gan di web site ane gan..
ReplyDeletejgn lupa mampir di web site ane ya gan
di www.translatationkiosk.com
Makasih bgt bro info nya, sangat bermanfaat. hehe
ReplyDeleteJangan Lupa mampir ke blog Lowongan Kerja Terbaru ane ya Lowongan Kerja Bank BTPN Syariah
wah bisa. terimakasih bang
ReplyDeletemksih gan,,berguna skli tutornya.. by afdhalilahi.com
ReplyDeletetombol facebook like apakah sama dengan facebook share? apakah otomatis nge-share ke facebook? saya juga sudah pasang tp facebook like di www.jagoanjajan.com
ReplyDeletekalau ingin di pasang di website bisa ga bos?
ReplyDeleteJELLY GAMAT GOLD G
kalau ingin di pasang di website bisa ga bos?
ReplyDeletehttp://alternatifpengobatan.com/jelly-gamat-gold-g/
kalau ingin di pasang di website bisa ga bos?
ReplyDeletehttp://alternatifpengobatan.com/jelly-gamat-gold-g/
http://www.obatdiabetestradisional.net/
Punya saya gk bisa gan....
ReplyDeletemakasi infonya gan, tambah lengkap blog saya di www.iwnyasa.com
ReplyDeleteterimakssih gan infonya
ReplyDeletenanti saya akan memasangnya biar tambah komplit nantinya
http://trensepatuterbaru.com
Ok.. thanks gan!!
ReplyDeletegw berhasil... bisa kunjung balek gan..di tunggu kedatanganya.
http://maudyblogs.blogspot.com
Buat kalian ada yang BARU nih sayangi GEDGET kalian yaaa:) banyak INFORMASI yang bakal kalian tau dengan lihat link-link ini langsung saja yuuu:)
ReplyDeletehttp://zapplerepair.com/Macbook-Pro-2017-touchbar-ganti-lcd-cara-buka-casing-bawah.html