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~
★ Chikechi chikebom
Hello! This is my second blog and as you can see, this is my tutorial blog. So dont "steel" or "copy" it. Thats a lot tutorial that I did'nt update yet, but one day I will update it. And please leave a comment. Btw, If you have any suggestion tutorial please leave at chat box. Ok, have fun! Kah kah
Dashboard and Follow button
Wednesday, October 24, 2012 | 10:55 PM |
0chingu(s)
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~
.png)
.png)
