Membuat Button Follow dan Dashboard ala Tumblr (edited)

 Sekarang orang bisa mudah untuk follow (mengikuti) blog yang disukanya. Mengikuti berarti berlangganan tulisan-tulisan yang ada di blog itu. Salah satu media (tool) untuk mengikuti sebuah blog bisa lewat google friend connect. Biasanya widget ada berupa kotak dengan tombol join this site. Itu tersedia bagi blogspot.

Nah, kali ini kita akan membuat button follow yang meniru seperti Tumblr. Tumblr adalah satu platform untuk ngeblog. Jika melihat blog di bawah layanan Tumblr maka di pojok kanan atas selalu ada button follow dan dashboard. Tapi tombol ini telah saya edit jadi akan ada tombol Facebook dan Twitter

Sekarang kita akan membuat button seperti yang ada di blog Tumblr. Dengan button tersebut akan mempermudah dan lebih menarik pengunjung blog untuk follow atau mengikuti. Tentunya follow itu lewat google friend connect (GFC). Itu artinya cara baru untuk gabung ke GFC dari blog milik kita. Semakin banyak yang mengikuti blog kita bisa menjadi parameter kebermanfaatan dan kepopuleran sebuah blog. Tentunya selain itu semakin banyak yang follow semakin banyak yang berlangganan semakin banyak pengunjung.

Cara Membuat Button Follow dan Dashboard ala Tumblr
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode berikut ini

 <div style="position: fixed; top: 5px; left: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=3694730055828357010" 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; left:0px;"><a class="linkopacity" href="http://andry5ury4.blogspot.com/" target="_blank" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" border="0" /></a>
<div style="display:scroll; position:fixed; top:5px; left:160px;"><a class="linkopacity" href="http://www.facebook.com/andry.surya.anugrah" target="_blank" rel="nofollow" title="Facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://static.ak.fbcdn.net/rsrc.php/yi/r/q9U99v3_saj.ico" border="0" /></a>
<div style="display:scroll; position:fixed; top:5px; left:180px;"><a class="linkopacity" href="http://www.twitter.com/andry_sb_sb" target="_blank" rel="nofollow" title="Twitter" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://photos-d.ak.fbcdn.net/photos-ak-snc1/v27562/23/2231777543/app_2_2231777543_9553.gif" border="0" /></a>
</div></div></div></div>

 5. Kode berikut 3694730055828357010 adalah blog ID yang mana setiap blog berbeda. Ganti kode tersebut dengan blog ID mu sendiri. Bisa kita ketahui dari addres bar saat kita membuta entri baru (misalnya; http://www.blogger.com/post-create.g?blogID=3694730055828357010)
6. Untuk button Dashboard link tersebut (http://andry5ury4.blogspot.com) bisa kita arahkan ke halaman utama blogger.com tapi saya lebih memilih mengarahkannya ke halaman utama blog.
7. Untuk Button Facebook link tersebut (http://www.facebook.com/andry.surya.anugrah) bisa kita arahkan ke halaman utama Facebook tapi saya lebih memilih mengarahkannya ke halaman profil Facebook.
8. Untuk Button Twitter link tersebut (http://www.twitter.com/andry_sb_sb) bisa kita arahkan ke halaman utama Twitter tapi saya lebih memilih mengarahkannya ke halaman profil Twitter.
9. Simpan jika sudah selesai.


selamat mencoba


from: http://kurniasepta.blogspot.com/2012/01/membuat-button-follow-dan-dashboard-ala.html (dengan sedikit perubahan)



TERIMA KASIH ATAS KUNJUNGANNYA SILAHKAN BERIKAN KOMENTAR DAN BERIKAN LINK WEBSITES ANDA DAN SAYA AKAN MENGUNJUNGINYA KEMBALI

Do you Like this story..?

Get Free Email Updates Daily!	Follow us!

Posted in: Cara-Cara,COPAS,Fakta,Internet,Sekedar Share,Tips,Tips Blogging