Pasang Tombol Share di Blogspot

mekz

blogging, tips blog

9 Maret 2012

Belum ada komentar

Selamat sore kembali para kawan-kawan blogger dan kawan-kawan para maniak blogging sekalian.

Kali ini saya datang kembali untuk sekedar menulis tutorial singkat mengenai cara memasang tombol share to social network dengan style "melayang" (floating like mashable).

Sebelumnya script ini sudah saya gunakan pada blog saya yang lain dan saya nyatakan berhasil 100%, untuk demo silahkan lihat di blog saya berikut ini.

SEE THE DEMO

Untuk step by step nya langsung saja silahkan di simak :

1. Login ke Blogger --> Edit HTML --> conteng 'expand widget template' --> cari kode ini ]]></b:skin>
2. Hapus kode ]]></b:skin> dan ganti dengan kode di bawah ini

#sharebox {
background-color:#FFFFFF;
border-color:#C1CDCD;
border-style:solid;
border-width:1px;
left:103px;
bottom:40px;
margin-top:10px;
position:fixed;
width:64px;
}
#sharebox .float {margin:7px}
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}
]]>

3. Masih di halaman Edit HTML, silahkan cari kode berikut <div class='post-header-line-1'/>
4. Copy dan paste kode di bawah ini sebelum kode <div class='post-header-line-1'/>

Thats all, save dan lihat hasilnya. sebagai keterangan, bahwa widget ini tidak akan terlihat di halaman 'Home' anda, widget ini hanya akan muncul di setiap halaman post dari artikel anda.
Semoga artikel ini bermanfaat, silahkan ajukan pertanyaan via komentar box di bawah ini, atau via twitter, sekian dan terima kasih. Wassalam.

*update*
tidak semua template dapat di pasang tombol share jenis ini, jika anda bermasalah silahkan coba alternatif tombol share lain yang tidak kalah menarik disini

sumber: google, blogger.com