Ensiklopedia Doktor Chenta

Tuesday, 31 January 2012

tutorial meletak button follow dan dashboard

Dalam template asal blogger, sudah diletakkan untuk widget follower dan juga dashboard. Walau bagaimanapun, anda boleh melakukan sedikit pengubahsuaian. Tutorial kali ini akan tunjukkan cara untuk letak button follow dan dashboard dalam blog seperti gambar di bawah.


Tutorial adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang dibuka. 
[tidak faham.?]


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


Nota: Gantikan 'ID BLOG ANDA'

Bagaimana untuk cari ID Blog.?
> Anda klik pada 'new post' dari dashboard, dan akan ada paparan seperti gambar di bawah. Noombor yang admin highlight adalah contoh NO ID BLOG


3. Setelah anda selesai letakkan ID blog anda, save dan lihat hasilnya.:)


p/s : yang hijau tu button follow..korang boleh padam n tukar dengan url button yang lain...warna oren jugak ^^

ni eiyqa kasi u all buat pemilihan okaip hehehe...


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

No comments: