Floating Button

Dah lama tak buat tutorial ek? Hari ni adik d'fiey bertanya camne agaknya nak pasang floating button kat blog kita.

Eh, floating button tu ape? Ini dia.

Haha, nak buat ni senang je, sebab tu cepat je buat tutorial ni. Heh. Ikut saje step kat bawah ni ye :)

Dashboard / Design / Page Elements / Add A Gadget / HTML/Javascript.

Ok, sekarang copy code dibawah ni dan paste di ruang Content HTML/Javascript

<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='http://www.facebook.com/zanariahmohdnasir' 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='http://twitter.com/mommypinky' 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='http://www.blogger.com/home' 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>

Haip, belum siap lagi..kat atas ni code Mommy Pinky yang punya..haha. Sila la tukar Url yang di bold dengan Url akaun anda sendiri ye!!

Kalau rasa tak cukup 3 buttons je, hanya tambah code kat bawah ni dan adjust la sendiri. Hua Hua.

<a class='linkopacity' href='LINK ADDRESS' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL IMAGE" /></a><br />

Tips :
Kedudukan floating buttons boleh diubah di 140px,

Left tu boleh ubah kepada Right kalau nak floating buttons kat belah kanan blog korang.. :)

Tak berkenan gambar kat atas tu? Boleh ubah url image yang berwarna biru, cari sendiri icon yang korang suka. Mommy Pinky suke cari kat sini :) KLIK

Dah siap, SAVE!!

Kredit

Ada apa-apa kurang faham, tinggalkan komen ok. InsyaAllah, mommy tolong pahamkan..tapi lmbat la kot, masa terhad..ekeke~

---

Dah habis baca ke? Jemput tinggalkan komen ◕‿◕

---