Wednesday, 25 April 2012

tutorial blog #10 : tambah floating button 'dashboard' dan 'follow' :)

assalamualaikum dan salam sejahtera semua . tutorial kali ini menyambung kerja-kerja mencantikkan blog yang tertangguh di tutorial #9 . sekarang saya tunjukkan macam mana anda boleh letakkan floating button yang comel . step nye mudah saja .

1. sign in > dashboard > layout > add a gadget > HTML/ javascript
2. copy code dibawah dan paste kan kat situ .

<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></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></div>


3. tulisan warna merah tu perlu diganti dengan ID blog masing-masing . tahu cara nak dapatkan ID blog ? mudah je , pergi kat blog masing2 klik dekat posts . tengok url kat bahagian atas akan ada tulisan mcm ni 

http://www.blogger.com/blogger.g?blogID=1911166248085341616#allposts
yang warna merah tu mewakili blog ID anda . bila dah siap semua , jangan lupa save :) selamat mencuba .
sincerely from nadya :)

No comments:

Post a Comment