Pengikut Setiaku, jemput FolloW ^^

Wednesday, February 1, 2012

Tutorial:- Letak Floating Button Untuk FB, Twitter dan Feed

Salam,

 
Hari ni Tiera nak buat tutorial lah. Benda ni blaja dari blog lain jugak. Tengok kat ikon anime yang kiut kat sebelah ni..amacam teringin?
<--------------------------Kiut kan?

 
Ada yang request nak buat tutorial ni. So this is how it goes.

 
1. Dashboard > Layout > Add Gadget > HTML Java Script

 
2. Pastu copy dan pastekan code di bawah
----------------------------------------------------------------------------------------------------

<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' 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&quot; /></a><br />

 

 
<a class='linkopacity' href='URL Twitter' 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&quot; /></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&quot; /></a><br /></div>

 
-----------------------------------------------------------------------------------------------------------

 
  • warna OREN : korang bley tukar saiz atau kedudukan yg korang nak 
  • warna UNGU : url link korang.. kalo korang nk tukar pon bley.. ikot la korang nak letak link ape pn.
  • warna BIRU : korang letak url image yang korang nak. Asalnya image lain so Tiera tukar amek dari photobucket.
~ p/s:-  So pandai-pandai korang la nak letak image yang kena dengan jiwa. Hehe Tiera jiwa anime kot.

 
3. Dah siap? SAVE. Jadi tak ? Pastikan link url korang betul/

 
4. Kalau nak buat 2 button simply delete perenggan mana-mana button yang korang tak nak.

 
Kalau tak jadi leave a comment. Kalau ada masa Tiera tolong

 

 
SELAMAT MENCUBA~