Membuat Tombol Share Facebook di Pojok Blog

Browse » Home » Blogging Tutorial » Membuat Tombol Share Facebook di Pojok Blog

Membuat Tombol Share Facebook di Pojok Blog

Salah satu tips untuk menambah jumlah pengunjung adalah promosi lewat social network seperti facebook, twitter dan plurk. Kali ini kita akan pasang tombol share dengan cara yang sedikit unik, dan juga menarik perhatian pengunjung untuk membagi nya ke facebook.

Lihat screenshot di samping.. di pojok kanan bawah itu, adalah tombol share facebook yang mengikuti scroll dari browser.. jadi walau kita geser ke atas ke bawah tetep aja di situ aja, gak mau pindah - pindah. Di tombol share facebook ini juga ada penghitung berapa kali halaman blog itu di bagikan ke facebook lewat tombol itu.

Tertarik menggunakannya ? langsung aja ikuti langkah-langkah berikut :

Login ke Blogger
Lalu klik Design > Edit HTML
Copy Paste kode berikut di atas kode ]]></b:skin> :

#pageshare {position:fixed; bottom:1%; right:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; height:auto; padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:55px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px;}
Setelah itu Copy Paste lagi kode berikut ini di atas </body> :

<div id='pageshare' title='Share @Facebook'>
<div class='sbutton' id='fb'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>ans!!</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<div class='sbutton' id='gb'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:like font='' layout='box_count' show_faces='false'/></div>
</div>
Kalau sudah selesai semua langsung aja klik 'Save Template' dan lihat hasilnya.. TerimaKasih :D

33 komentar:

Hasimas : Hacking Tutorial mengatakan...: nice share bro..
tapi punya ane kayanya lebih cocok pake box :D; 22 November 2011 pukul 22.08
Deo Pradipta mengatakan...: oke sob.. sama2.. ^_^
tapi ya ini yg ane share.. lumayan lah :D; 22 November 2011 pukul 22.20
pamudahejo mengatakan...: mantap blognya.... bikin ane kaget ada petir bang !!!; 11 Desember 2011 pukul 01.26
Deo Pradipta mengatakan...: hohoho.. ati2 mangkannya sob :D; 11 Desember 2011 pukul 13.09
Anonim mengatakan...: Kalo Ngilangin Angkanya Gimana Gan..?; 13 Desember 2011 pukul 14.49
Deo Pradipta mengatakan...: hilangin aja ini sob

.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;; 13 Desember 2011 pukul 20.21
Kaan Kahfi mengatakan...: thankyou, nice share....; 18 Desember 2011 pukul 03.50
Deo Pradipta mengatakan...: hoho.. u'r welcome :); 18 Desember 2011 pukul 18.48
ardiansyah mengatakan...: nice share gan, px' ane dh berhasil!; 23 Desember 2011 pukul 14.36
Deo Pradipta mengatakan...: hohoho... iya sob harus begitu.. thankz ^_^; 23 Desember 2011 pukul 18.20
Anonim mengatakan...: Nice Gan.. Siip"..

:D

hhhe.. :D; 31 Desember 2011 pukul 11.49
Arief Darmawan mengatakan...: thanks sob .. berguna bwt newbie kyak ane .. mampir k blog ane ..; 20 Januari 2012 pukul 22.16
Deo Pradipta mengatakan...: iya sob.. samasama yakk.. langsung ke TKP ^_^; 21 Januari 2012 pukul 15.04
cinta mengatakan...: cobain mas bro :); 23 Januari 2012 pukul 12.38
Deo Pradipta mengatakan...: sipp sob.. silahkan ^^; 23 Januari 2012 pukul 14.15
saputra mengatakan...: terima kasih gan infonya.....; 24 Januari 2012 pukul 16.07
Deo Pradipta mengatakan...: iya sob.. samasama yakkk ^^; 24 Januari 2012 pukul 19.08
abian Kansa mengatakan...: Komentar ini telah dihapus oleh pengarang.; 28 Januari 2012 pukul 16.08
Huda Frian mengatakan...: Sob,, itukan tombol share facebook pojok, tapi kalau twitter itu gimana yang tulisannya "FOLLOW" seperti blog sobat
--------------------------------------------------

<<>>
this is my blog; 28 Februari 2012 pukul 22.46
Deo Pradipta mengatakan...: menyusul aja ya sob.. lagi sibuk soalnya.. maaf.. cuma bisa bales komentar pngunjung aja :3; 1 Maret 2012 pukul 16.31
Rahmat F.F mengatakan...: TQ gan..; 8 Maret 2012 pukul 09.34
Deo Pradipta mengatakan...: iya sob.. samasama^^; 8 Maret 2012 pukul 15.35
Uyades mengatakan...: Terima KASIH sob..; 12 Mei 2012 pukul 13.24
Deo Pradipta mengatakan...: iya sob... samasama ya ^_^; 13 Mei 2012 pukul 16.03
Uyades mengatakan...: Sob, Bisa Diganti gag Gambar Fans menjadi Yang Lain?; 15 Mei 2012 pukul 13.55
Deo Pradipta mengatakan...: gak bisa sob.. tapi tulisannya bisa kok ^^; 15 Mei 2012 pukul 19.14
Abian Kansa mengatakan...: Gimana Sob ganti tulisanya?; 4 Juni 2012 pukul 23.10
Abian Kansa mengatakan...: Ijin Copas; 4 Juni 2012 pukul 23.22
Deo Pradipta mengatakan...: silahkan sob ^^; 5 Juni 2012 pukul 13.40
Mr. Andry mengatakan...: boleh juga nih saya coba tipsnya; 3 Juli 2012 pukul 10.05
Deo Pradipta mengatakan...: silahkan di sedot tips nya gan :D; 3 Juli 2012 pukul 10.45
https://fotocopycanonku.blogspot.com mengatakan...: Makacih gan triknya, ane coba deh; 14 Juli 2012 pukul 14.31
Deo Pradipta mengatakan...: silahkan di cobaa.. semoga bermanfaat ^^; 15 Juli 2012 pukul 19.47