Membuat Widget Following Menjadi Tombol

Halo sobat mampirbro! Kali ini saya ingin berbagi tutorial membuat widget following blogger yang biasanya memakan banyak ruang/tempat dalam porsi template blog menjadi tombol/button keren ala situs tumblr. Dengan trik ini, box following yang tadi nya banyak memakan tempat berubah menjadi tombol dipingir kanan atas blog. Jadi visitor blog sobat tetap dapat mengikuti atau menjadi follower blog sobat. Tutorial ini sudah saya tes pada blog saya lain, silahkan bagi yang mau lihat demo nya di alamat ebook.mampirbro.web.id

Oke deh, gak sah terlalu banyak ngemeng, kita langsung saja lihat cara buatnya. Berikut cara buatnya:

• Login ke blogger sobat


• Kemudian pilih menu "Rancangan" --> "Tambah Gadget"


• Pilih HTML/JavaScript


• Copas scriptcode dibawah ini ke kotak html




<div style="position: fixed; top: 5px; right: 93px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=5069428392280954069" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:5px;"><a class="linkopacity" href="http://mampirbro.blogspot.com" target="_blank" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>




• Ganti kode berwarna merah dengan ID blog sobat. ID blog dapat dilihat dengan cara, buatlah entri baru, lalu sobat bisa lihat di address bar browsur sobat dibagian url akhir nya itulah yang berupa angka merupkan ID blog sobat.

• Ganti kode berwarna biru dengan url blog sobat.


• Simpan dan selesai

Hasil Jadi:

Semoga berguna dan bermamfaat
Follow twitter saya ya (twitter.com/mampirbro), ntar saya follow back