Rabu, 14 November 2012

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..

0 komentar:

Posting Komentar