Cara Memasang Floating Button Pada Blog

Floating button digunakan untuk memudahkan reader connect dengan sosial network kamu. Selain menjimatkan ruang, Selain itu juga nampak indah dan cantik. Floating button ini akan muncul pada sebelah sisi kanan atau kiri blog kamu. Selain sosial network, kamu juga boleh letak button lain untuk floating button ini
(cth: email, link blog, youtube dan etc), bergantung kepada apa yang kamu inginkan reader connect.
ok langsung saja ikuti langkah-langkah berikut ini..

Cara Memasang Floating Button Pada Blog :
1) Sign In  blogger
2) Dashboard - Design - Page Element - Add Gadget - HTML/Javascript
3) Copy paste kode di bawah pada HTML/Javascript tadi

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;opacity: 0.5;-
khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;opacity: 1.0;-khtml-
opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:140px; left:-12px;'>

<a class='linkopacity' href='URL FACEBOOK KAMU' imageanchor='1'
rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank'
title='facebook'><img border="0"
src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='URL TWITTER KAMU'
imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right:
1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" />
</a><br />

<a class='linkopacity' href='URL BLOG KAMU' imageanchor='1'
 rel='nofollow' style='margin-left: 1em; margin-right: 1em;'
target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" />
</a><br />

</div>


Keterangan:
- Pada tulisan berwarna biru, masukkan url facebook, twitter dan blog Kamu.
- Pada tulisan berwarna merah, masukkan url button yang kamu mau. Search button di google atau mana-mana image hosting. Kalau mau mengunakan yang sedia ada pun tidak masalah, tak perlu search.
- Yang 140, boleh tukar mengikut kesesuaian blog. Left boleh ditukar kepada right.
4) Save dan lihat hasilnya.

Selamat Mencoba yaa..

^_^

Ditulis Oleh : Fortynyr Blog's™ ~ Tutorial Blogger,Tips,Trik Computer,Share dan SEO

Artikel Cara Memasang Floating Button Pada Blog Semoga bermanfaat bagi sobat blog. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar dan Jangan lupa follow, Like. | Sertakan Link Sumber Bila Copy Paste