Ahaks






Dashboard and Follow button
Wednesday, October 24, 2012 | 10:55 PM | 0 Students
Assalamualaikum and Hai 

Okay, untuk tak menyusahkan orang lain nak follow kita guna gambar and so-on, saya ada satu jenis follow and dahsboard yang sesuai and simple. 


Its easy right? Simple but cute. Okay, copy code dekat bawah ni and paste dalam bahagian template untuk penggunaan blogskin, tapi untuk penggunaan layout, letak dekat HTML/javascript.

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div>
Biru : Untuk follow button
Pink : Untuk Dahsboard button
Gantikan Blog ID dengan blog id korang.

Ada lagi satu, tapi khas untuk pengguna blog skin sahaja *peace*

<div style="position: absolute; top:10px; right: 10px; width:200px; padding:3px; font-family: tahoma; letter-spacing: 2px; background:#F6CED8; color:#fff; font-size:11px;border-top-right-radius: 10px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;"><center>Welcome to spongeteng. Do you want to <a href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID">Follow</a> or go back <a href="http://blogger.com/">Home</a>. </center></div>
Oren untuk background box
Ungu untuk warna font
Hijau untuk size font 
Biru tukar ayat korang
BLOG ID tukar blog id korang okay.

Then, preview & save! Tadaaaaa~