Thursday, August 30, 2012

Tutorial : Button Follow & Dash Ver 2

Ok tuto ni di reQ oleh adik pikah . Korang bosan dengan button follow & Dash yang biasa? ok atin tau haha . Tak pe sebab atin pun bosan gak kalau benda asik yang sama je hihi . Sekarang atin nak share button follow & Dash jenis baru , ada icon ;D . Kalau berminat jom la ikut step bawah ni huhu . 

Example :


 Dashboard > Template > Edit HTML
 Tekan ctrl+f  then cari code <head>
 Copy code bawah ni :
<div style='position:relative; top:5px; right: 4px; width:125px; border:2px solid #000000; border-radius:2px; position:fixed; padding:3px; color:#000000; font-size:11px; background-image:url(URL BACKGROUND); opacity:0.7; color:#000000; font-size:11px; text-align:center;'><center><img src='URL ICON'/></center><a href='http://www.blogger.com/home'>Dash</a> | <a href='http://www.blogger.com/follow-blog.g?blogID=BLOG ID '>Follow</a></div>
 Paste di bawah code <head> tadi
 Preview & save.

         
...........................................................................................................................................................


 Dashboard > Design > Add A Gadget > HTML/JavaScript
 Copy code kat bawah ni :
<div style='position:relative; top:5px; right: 4px; width:125px; border:2px solid #000000; border-radius:2px; position:fixed; padding:3px; color:#000000; font-size:11px; background-image:url(URL BACKGROUND); opacity:0.7; color:#000000; font-size:11px; text-align:center;'><center><img src='URL ICON'/></center><a href='http://www.blogger.com/home'>Dash</a> | <a href='http://www.blogger.com/follow-blog.g?blogID=BLOG ID '>Follow</a></div>
 Paste ke dalam html/JavaScript tadi
 Preview & save.


oren : lebar kotak
hijau : code warna tulisan HERE
merah : url background
biru : url icon comel2
pink : nombor ID blog korang



.

No comments: