Hai all...hari ini koz nak ajar korang tutorial yang berikutnya.Tutorial kali ini adalah cara meletakkan button tumb follow dan dashboard di blog.Button ini terletak di bahagian atas seperti contoh yang berada di blog ini.Dengan cara ini juga dapat memudahkan pengujung anda untuk memfollow blog anda dan dengan cara ini juga dapat mengurangkan penggunaan widget seperti widget Follower yang berada di blog anda sebelum ini.Button Dashboard pula dapat memudahkan anda untuk ke page dashboard dan ia juga berguna kepada blog yang tidak menggunakan navbar.Mari ikuti langkah-langkah membuatnya:-
Langkah 1
Layout>Page Elements>Add a Gadget>HTML/Javascript
Langkah 2
Copy dan paste code di bawah
<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>
Langkah 3
Pada code di atas anda harus membuat sedikit perubahan iaitu pada code berwarna
Merah, masukkan ID blog anda.ID blog anda boleh dapatkan di Dashboard > Design kemudian lihat di bahagian link alamat blog korang seperti gambar di bawah
Kemudian pada code berwarna
Hijau anda boleh meletakkan URL gambar yang anda suka untuk Button follower .Di sini koz ada hasilkan beberapa jenis warna yang anda boleh gunakan.Cara meletakkannya anda hanya perlu menggantikan sahaja URL tadi dengan URL yang anda suka di bawah ini:-
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/buttonfollowmerah.png
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowhijau.png
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowpink.png
Kemudian pada code berwarna
Oren ialah URL gambar untuk Button Dashboard.Di sini juga koz ada menghasilkan Button dalam beberapa jenis warna yang anda boleh menggunakannya.Gantikan sahaja URL tadi dengan URL yang anda suka di bawah ini:-
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardputih.png
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardbiru.png
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardoren.png
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardmerah.png
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardhijau.png
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardpink.png
Kemudian save dan lihat hasilnya...
Selamat mencuba^^
Vote sekali okey^^