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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<b:if cond='data:blog.pageType != "static_page"'>
<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.<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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<b:if cond='data:blog.pageType != "static_page"'>
<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>
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.
sangat bermanfaat gan thanks..
ReplyDeletemkasih ea...!!! penting nhe bwt gw..
ReplyDeletefollow balik ea
http://master7chris.blogspot.com/
free softwares download
Siap :)
Deletewah boleh juga ni sob..
ReplyDeleteijin coba ya..
This comment has been removed by the author.
ReplyDeleteFollow Blog ku iya !
ReplyDeleteOke !
http://ffyulwon.blogspot.com/
Ya ..ya..please...:)
mantap gan..
ReplyDeletedi saya kok ga bisa ya? blog saya http:/malesmelas.blogspot.com
ReplyDeletecek update terbaru : http://id-pemula.blogspot.com/2013/08/cara-membuat-tombol-share-pada-artikel.html
Deletegagal.. :(
ReplyDeletengga bisa nih..
ReplyDeleteberusaha lagi!!!
Deletescript salah gitu disuruh berusaha... benerin lagi!
Deleteyg mana?, kan ada banya itu
ReplyDeleteakuy nyerah, gak bisa nich!!, maaf ya...
ReplyDeletegak apa-apa artikelnya berguna sekali koq.
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.
ReplyDeletemANTAP....iNFONYA
ReplyDeleteKu jung balik ya sop Cibenot inspirasi :)) :)) :))
ReplyDeletefollow back ya...
ReplyDeletedi template ane kok ga ada "data:post.body/>" jadi ga bisa :(
ReplyDeletekunjungi blog ane juga gan http://jubilon88.blogspot.com/
terima kasih
mantap nih gan..
ReplyDeleteMantep gan...
ReplyDeleteMohon kunjungan balik n backlink'nya ya...
(http://www.zamrudnews.com)
Script yang di berikan mengandung kesalahan, jadi tidak dapat di pasang di Blog kalian, Mohon di update donk min script yang benar, terimakasih
ReplyDeletenewbie, follow donk reyditz-tya.blogspot.com
cakep dah berhasil
ReplyDeleteBerbeda Cara Satu Tujuan
thx info'y
ReplyDeletehttp://duniagame7.blogspot.com/
terima kasih min
ReplyDeletenice info gan
ReplyDeleteinfonya menarik gan bisa dicoba...trims
ReplyDeletekodenya banyak yang dah errror
ReplyDeleteSalaam sukses, mohon pencerahan button untuk posting di blogspot koq tidak ada, bagimana bang cara memposting selanjuntya?
ReplyDeleteMksdnya yg mna ya???
DeleteTerimakasih mas atas infonya sangat bermanfaat :)
ReplyDeleteMantap! Kunjung balik ya http://ngehekal.blogspot.com/ :D
ReplyDeletesipp di tunggu kunjung baliknya http://kabarlelaki.blogspot.com/
ReplyDeleteini bloggernya error ya masak udah lengkap katanya kurang
ReplyDeleteGame flash
terima kasih gan tutorialnya ... kebetulan sy mash baru blognya ... :D
ReplyDeletetutorialnya sangat bermanfaat.
ReplyDeleteditunggu tutorial2 lainnya
thank admin,info nya sangat membantu bngt
ReplyDeletejgn lupa kunjungin blog aku ya,and beri tambhan jika ada kekurngn,soal nya bru mulai. . .
o'iya ni almt blog aku eviliana04@yahoo.com
ReplyDeletethanks
tombol share memang sangat bermanfaat buat meningkatkan trafik blog,
ReplyDeletekunjungi juga http://ardhydangia.blogspot.com
dan bagi yang mau download lagu visit http://ardhydangia.blogspot.com
thanks mas informasinya...
ReplyDeleteIjin mempraktekan sob...
ReplyDeletePunya ku ko ga ada kode ya ?
ReplyDeletecoba tengok saja di arima-art.blogspot.com dan mohon infonya agar punya saya bisa juga diberi tombol share
kalo facebook itu kan cuma tombol likenya aja gan. Terus untuk tombol share gmn caranya?
ReplyDeletehttp://id-pemula.blogspot.com/2013/08/cara-membuat-tombol-share-pada-artikel.html
Deletemsh blm paham nih gan eror mulu
ReplyDelete
ReplyDeleteKesalahan saat mengurai XML, baris 1, kolom 1: Content is not allowed in prolog.
Sembunyikan pemberitahuan nih gan jadi ada ginih maksud nya gimana
mantap bang ijin coba , semoga aja berhasil :)
ReplyDeletebos... itu bisa di gunakan di blogspot dng tmplte yg masih normal / tmplate stndar dr blogger ga boss , mksih
ReplyDeletedicoba aja | http://id-pemula.blogspot.com/2013/08/cara-membuat-tombol-share-pada-artikel.html
Deletemakasih infonya gan..
ReplyDeleteizin sedot ya gan..
saling follow gan :)
http://infosed-esn04.blogspot.com/
tengkiyu broo,,, pas banget nee lagi nyari cara passang tombol share di blog ane http://mabelcenter.blogspot.com
ReplyDeletewah thanks gan , bermanfaat jgn lupa mampir ke tempat saya gan -> http://adf.ly/lTIc3
ReplyDeletenyari2 niee,,
ReplyDeletethanks gan,,
ditunggu kunjungan baliknya,,
http://fotografipon.blogspot.com
mantap gan ijin prektekin
ReplyDeletesaling berbagi gan jangan lupa mampir gan kalo ada waktu
http://indo-sharebest.blogspot.com
alhamdulillah sungguh membantu..
ReplyDeleteyang sedang mencari buku-buku islami..
mampir yuk di albantani-bookstore.blogspot.com
alhamdulillah sungguh membantu..
ReplyDeleteyang sedang mencari buku-buku islami..
mampir yuk di albantani-bookstore.blogspot.com
wah, bisa dicoba nih. terima kasih mas :D
ReplyDeletesilahkan kunjungin balik kalau berkenan:
http://ayokepo.blogspot.com/
sangat membantu
ReplyDeletekunjungi blik yah gan
http://musikcopy.blogspot.com/
Mantap Gan tutornya, langsung di coba prktekin deh, thanks ya
ReplyDeletefast diet
makasih gan info nya,langsung coba dulu, salam kenal
ReplyDeletenyari yang tombol sharenya gedhe bos
ReplyDeletetombol share nya kurang gede gan, cara gedein nya gmn?
ReplyDeletewscbiolo.web.id
makasih gan tutornya :) http://caraneweb.blogspot.com
ReplyDeletemakasih gan tutornya :) http://caraneweb.blogspot.com
ReplyDeletemakasih gan tutornya :) http://caraneweb.blogspot.com
ReplyDeletemakasih gan
ReplyDeletehttp://teknologigadogado.blogspot.co.id/
ijin coba ya gan.
ReplyDeleteijin coba ya gan.
ReplyDeletetolong sesama blogger jgn menyesatkan nanti kena hacker loh blognya
ReplyDelete