Cara Membuat Tombol Share Fb, Buzz, Digg, Twitter Di Blogspot

Sabtu, 15 Januari 2011 di 11:04 WIB

Oleh Kang Salman

New Update 13 Maret 2011

Bagaimana cara membuat tombol share seperti ini :

Membuat Tombol Share

Anda tertarik untuk mencobanya? baiklah kali ini saya akan bagikansalah satu rahasia saya hehe, berhubung ada yang bertanya kepada saya tentang ini, terima kasih kang Irwan atas pertanyaanya.

bang gimana caranya buat share seperti gambar yang saya kirim iniseperti miliknya mas? mohon bantuanya terima kasih.

seperti yang kita tau tombol share ini merupakan elemen yang sangay penting, sebab dapat mendatangkan pengunjung yang banyak dari luar. ga percaya? coba tengok aja blog terselubung.

Share atu berbagi saat ini merupakan hal yang penting karena itulah anda wajib memasang tombol share di blog atau web saudara :

Langkah 1
1. Langsung saja silakan copy kodenya terlebih dahulu:

<b:if cond='data:blog.pageType == "item"'>

<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'>

<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>

Share this history on :

</div>

<div style='float:left;padding-left:10px;'>

<a name='fb_share' type='button_count'/>

<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>

</script></div>

<div style='float:left;padding-left:10px;'>

<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>

<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>

</div>

<div style='float:left;padding-left:10px;'>

<a class='DiggThisButton DiggCompact'/>

<script type='text/javascript'>

(function() {

var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];

s.type = 'text/javascript';

s.async = true;

s.src = 'http://widgets.digg.com/buttons.js';

s1.parentNode.insertBefore(s, s1);

})();

</script>

</div>

<div style='float:left;padding-left:10px;'>

<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</div>

</b:if>

*perhatikan pada kode diatas, ada tulisan user name twitter, ganti dengan milik Anda

Langkah 2

Login ke Blogger » Rancangan » Edit HTML » Centang Expend Widget
Cari Kode lah <div class='post-body entry-content'>

Tips mencari cepat: tekan ctrl+f dan masukan kode di atas, atau jika tidak ketemu musukan saja post-body kemudian cari kode yang mirip dengan yang saya sebutkan tadi di atas!

Jika sudah ketemu pastekan code yang telah Anda copy tadi tepat di atasnya <div class='post-body entry-content'>
Simpan Template dan Lihat hasilnya ! ^_^

Wah Trik kali ini lebih mudah dari yang sebelumnya bukan??? kang salman jamin deh cuma 20 Detik juga beres!

Oke sob kang salman cukupkan sekian dulu ya.. mudah-mudahan dengan update kali ini anda dapat menikmatinya dengan puas, dan semoga bermanfaat!
Kasih link back ya klo copy-paste hehe... selamat memebuat tombol share.

Lihat Juga :

Trik Memasang Tombol Share, Tombol Facebook, dan Twitter dll

Cara Membuat Tombol Share Facebook dan Twitter Di Postingan Blog

Jangan asal copy paste, baca aturanya di sini !
Post By Kang Salman

Dapatkan update artikel terbaru kami langsung ke email anda.

Home » Tutorial Mudah Blog » Cara Membuat Tombol Share Fb, Buzz, Digg, Twitter Di Blogspot

43 Responses to "Cara Membuat Tombol Share Fb, Buzz, Digg, Twitter Di Blogspot"

endang m mengatakan...: TERIMA QASIH INFONYA ...............SALAM QENAL DARI NEWBIE...
AQAN AQU COBA; 28 September 2011 08:04
rio baraya mengatakan...: termiakasih kang infonya.... dari rio-baraya... :); 9 Oktober 2011 13:46
Kuliah Bidan Online mengatakan...: Kang, saya sudah buat dan berhasil. Tapi tombolnya kok gak bisa diklik, ya? Kenapa?

Ini blogku: http://kuliahbidanonline.blogspot.com/; 14 Oktober 2011 08:39
Kang Salman mengatakan...: Tombl yang tidak bisa di klik itu di karenakan peletakanya yang tertutup oleh kode lain, coba simpan di atas; 14 Oktober 2011 10:24
PakuAlam mengatakan...: Trims atas tutorialnya gan.. salam kenal!; 20 Oktober 2011 19:55
CyberModifier mengatakan...: terimakasih tutorialnya...sudah saya coba dan ok!

visit : www.cybermodifier.com; 23 Oktober 2011 09:39
Anonim mengatakan...: kok gag bisa gan????...d mna yg slahnya yah,,tata letaknya sudah betul di atas
<div class='post-body entry-content'

mohon di bantuu gan,, :D; 23 Oktober 2011 10:12
Megawati mengatakan...: Waaah..terima kasih banyak ya gan.. semoga selalu menjadi insan yang berguna ^.^; 24 Oktober 2011 20:52
nunna putrii mengatakan...: hdew, bingung mas...by: nunnaputrii.blogspot.com; 28 Oktober 2011 13:14
Spektrum's Blog mengatakan...: Trim's ya Kang, saya akan pasang sesuai petunjuk...; 28 Oktober 2011 18:02
Er'end mengatakan...: Makasih tipsnya Kang,saya telah memasangnya di blog saya dan berhasil.Salam erat persahabatan and happy blogging.; 31 Oktober 2011 17:32
Kang Salman mengatakan...: Cari kode <data:post.body/>, biasanya ada 2, lalu Simpan saja kode share di atas <data:post.body/> yang ke 2.; 1 November 2011 12:59
®obinhut mengatakan...: makasih infonya.....; 2 November 2011 12:50
unic29 mengatakan...: waw, artikel yang sangat bermanfaat; 2 November 2011 13:52
BMW about more than just a fascinating brand mengatakan...: Kang Salman, saya udah copy paste script nya, cuman kok gak muncul ya... blog saya di sini:

http://bmw-about.blogspot.com

Thanks :); 2 November 2011 16:52
Den Sinyo mengatakan...: tempet saya tombol share ilang juga. dah nyoba berbagai cara tetep aja ga keluar. pake cara ini juga sama saja hasilnya. bayangan saya sih cuman diumpetin soalnya ada tulisan kode "div class='clear'/"
bisa bantu kang?
thanks sebelumnya; 6 November 2011 19:09
Kang Salman mengatakan...: @Diyo Sinyo
Silakan Menggunakan Trik Memasang Tombol Share, Tombol Facebook, dan Twitter
Semoga dapat menyeselsaikan kendala.; 7 November 2011 20:13
Newbiexpose mengatakan...: mantabz...Terima kasih gan,; 19 November 2011 08:12
Free software mengatakan...: keren bos iji coba ya..

www.feriware.blogspot.com; 19 November 2011 17:39
Bonny Bulang mengatakan...: Nice Masbro...
Ijin pakai ya..
Terima kasih banyak-banyak; 23 November 2011 21:06
Darmanto mengatakan...: trimakasih artikelnya bos,langsung saya praktekin tuh bos...; 1 Desember 2011 14:10
hendragalus mengatakan...: Sekedar nambahin aja sob, jangan lupa centang "Expand Template Widged", karena biasanya code
'post-body entry-content'>
tidak tampil secara default pada tempalate-template tertentu..; 2 Desember 2011 21:17
Fifin Nugroho mengatakan...: wow keren... sudah saya coba dan bisa,,
makasih infonya sangat bermanfaat...; 3 Desember 2011 16:43
senyum dunia mengatakan...: Boss..
cara buat temukan kami di facebook gimana ya boss??
tolong kirim ke
http://artisindou.blogspot.com
saya tunggu jawabannya boss..
terimakasih; 4 Desember 2011 22:26
yusron mengatakan...: very nice...
visit me back please...; 6 Desember 2011 18:30
Putri Suci Arifiyyah ♥ mengatakan...: susaaahh.. gimana dong?
blog gw: http://harianputrie.blogspot.com

thanks; 7 Desember 2011 14:37
Kang Salman mengatakan...: like this box facebook > Temukan kami disini; 9 Desember 2011 07:58
B@zz0874 mengatakan...: in wait for his visit; 14 Desember 2011 07:49
thaufan mengatakan...: makasih bangat infonya... sangat membantu.... ty; 16 Desember 2011 22:35
Aan Wildan mengatakan...: nice post gan???ini yang q cari

thanks gan nklo ada waktu mmpr jg di
http://fenomenaduniaunik.blogspot.com/; 26 Desember 2011 08:12
Kertas Kecil Kita mengatakan...: udah d'coba n'berhasil.. thanks om..; 27 Desember 2011 20:17
Bloggerpas mengatakan...: Sudah saya pasang diblog saya http://bloggerpas.blogspot.com
hasilnya tombol sharenya mantep euy
thanks buat kang salman
sukses selalu
keep posting masbro; 8 Januari 2012 04:01
Kang Salman mengatakan...: @Putri: coba kunjungi addthis.com saja biar lebih mudah membuatnya.; 21 Januari 2012 14:38
Kowandy mengatakan...: ud kucoba seperti nama blog anda..thnks ya
http://kowandy.blogspot.com; 22 Januari 2012 11:46
wahid sahidu mengatakan...: mantep kang tutornya ane udah pasang di blog ane :D; 27 Februari 2012 14:28
Waspadia mengatakan...: makasih masbroo atas tipsnya; 6 Maret 2012 11:57
CV. KMIPA MANAGEMENT mengatakan...: mAKASIH YA kANG sALMAN.. tOTORIALNYA.. sukses BUAT KANG sALMAN.. atas Info2nya; 9 Maret 2012 10:07
ade sunandar mengatakan...: makasih gan untuk tutorialnya, tp kalau nyimpan akun FBnya mana ? hanya twiter aja; 20 Maret 2012 20:52
budi mengatakan...: thanks kang silahkan berkunjung ke blog saya untuk download film...

http://sarkep.blogspot.com; 13 April 2012 04:06
Irwanz'blogs mengatakan...: Sudah berhasil
tapi kok gag muncul di postingan nya.??
yang kurang apa nya ni kang.?
mohon bantu ya
udah di coba 3 kali hehe :D

mampir sekedar Liat Liat yah kang hehe folow jua
http://irwantzsite.blogspot.com/; 17 April 2012 01:10
Kang Salman mengatakan...: Suya sudak cek ke blognya muncul kok. Kalau disana tidak muncul mungkin karena masalah koneksi internet ang lambat; 18 April 2012 04:49
Cipa Kids Shop mengatakan...: Wahh keren,langsung saya praktekan; 25 April 2012 08:38
Super Refreshing mengatakan...: kang kenapa diblog saya tidak bisa di klik tombolnya sharenya.
terimakasih; 19 Mei 2012 21:54