Tutorial Follow Dan Dashboard Button Bewarna

11:45 PTG

Photobucket

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.


Photobucket


(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)

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowputih.png
Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowbiru.png
Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfolloworen.png
Photobucket
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.

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardputih.png
Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardbiru.png
Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardoren.png
Photobucket 
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardpink.png

(5) Lastly boleh save dan preview! Mudah sahaja kan? Sila comment dan like ;)

** Kredit sepenuhnya: Wan Hazel 

Photobucket

You Might Also Like

56 marshmallow komen