Pin It

Widgets

Tutorial : Floating Button

on Thursday 10 May 2012


Bentuk Floating Button Macam ney..??
Kalau nak buat jom lihat langkah yang saya berikan owkey...




Floating button ini , ada dekat sebelah KIRI blog saya kalau nak tukar ke sebelah kanan pun boleh

Langkah 1
Log in > Dashboard > Design > Add Gadget > Html/Java Script

Langkah 2
Copy code dibawah ni dan paste di ruang 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/Kochikami azmiey' 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/KHAIRUL21' 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://ciffahmimalomuchacha.blogspot.com' 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>

Link Youtube

<a class='linkopacity' href='http://youtube.com/akaun youtube anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='youtube'><img border="0" 



Langkah 3.
Belum Siap lagi  , owkey, yang tulisan warna PINK tu , kamu tukarkan lah dgn link kamu

Langkah 4
Yang warna hitam = boleh tukarkan mengikut kesesuaian blog . Left boleh tukar menjadi Right !

Langkah 5
Bagi yang warna BIRU pula , Jika kamu nak kekalkan pun boleh , kalau nak , just tukar kan je link itu mengikut kemahuan kamu...owkey

Ranking: 5

{ 0 ulasan... read them below or add one }

Post a Comment

Terima kasih kerana memberi komen. Sila datang kembali ya !

Kami akan cuba membalas komen anda secepat yang mungkin.

 
© BLOG BUDAK BAEK All Rights Reserved