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

Seluruh artikel postingan pada blog ini dapat di copy-paste dengan syarat menuliskan sumbernya dan memasang link aktif blog ini pada blog sobat | Bagi Sobat yang menemukan link download bermasalah (brokenlink) dapat memberitahu saya di sini

Gunakan layanan 4shared generator (klik di sini ) untuk mempermudah mendonwload file dari 4shared tanpa perlu login.

Artikel Terkait:

Blog Tutorial

• Alternatif Expand Template Widget
• Cara Membuat Widget Random Article
• Membuat Sendiri Aplikasi Android Untuk Blog
• Membuat Form Kontak Admin
• Pasang Tombol Sharing Lintas.Me
• Membuat Sendiri Aplikasi Symbian Untuk Blog
• Membuat Email Dengan Domain Sendiri Gratis
• Cara Mengarahkan Gambar Google Ke Blog
• Membuat Judul Blog Bergerak Di Browser
• Membuat Anti Select Text Pada Postingan
• Mengatasi Tata Letak Blog Yang Tidak Teratur
• Widget Free Proxy
• Cara Pasang Slider Carousel Di Blog
• Menampilkan Widget Hanya Pada Halaman Postingan
• Pasang Widget Follower Box Twitter
• Widget Random Ayat Al-Qur'an Di Blog
• Membuat Footer 3 Kolom Di Blog
• Widget Random Kata-Kata Mutiara Islami
• Parse HTML Tool
• Cara Praktis Pasang Foto Di Hasil Pencarian Google
• Pasang Meta Tag Friendly SEO Super
• Buat Flash Banner Online
• Cara Pasang Widget Pop-Up Di Tengah Blog
• Cara Upload File Flash Ke Google Site
• Widget Cek Lokasi Dari No.Handphone