Tutorial Follow Dan Dashboard Button Bewarna

by D'ya Marshmello - 7/16/2011 11:45:00 PTG

Okay sebelum ni D'ya ada buat tutorial follow button dan dashboard tumblr yang biasa-biasa kan? Kali ni tutorial ni di request oleh someone tapi D'ya tak ingat la siapa.Dah tua-tua ni makin lupa plak.Hehe, tutorial ini istimewa sikit sebab button dia bewarna macam dekat blog D'ya Marshmello di bahagian atas sekali? Nampak tak? Jom tutorial :)

(1) Pergi ke dashboard>design>add gadget>HTML/javascript

(2) Copy dan paste code di bawah ini.

<div style="display:scroll; position:fixed; top:5px; right:110px;"><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 border="0" src="http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowputih.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://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardbiru.png?6" /></a></div></div>

(3) Seterusnya tukarkan BLOG ID dengan blog ID anda di bahagian atas blog anda.Lihat contoh di bawah.

(4) Kemudian code bewarna HIJAU anda boleh meletakkan URL gambar apa-apa sahaja yang anda suka.Caranya mudah sahaja di mana anda hanya perlu meletakkan dan menggantikan dengan URL gambar anda di bawah ini.

(kredit icon : Wan Hazel)

http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowputih.png

http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowbiru.png

http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfolloworen.png

http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowpink.png

Manakala untuk code yang bewarna OREN pula, anda boleh tukarkan dengan icon kegemaran anda.Caranya sama sahaja, hanya pilih icon di bawah dan gantikan di URL gambar.