Tutorial Meletak Button Tumb Follower dan Dashboard Di Blog

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

Ranking: 5