Lomba Blog Antar Kelas | OSIS SMPN 7 Bogor Present :

About we :

Foto saya
Bogor, Jawa Barat, Indonesia
Naufal Rasyid | Study in SMK Informatika Pesat - X RPL | Perbedaan dan Jomblo : Single itu mau pacaran tapi gabisa kalau Jomblo anti pacaran bukan karna galaku tapi langsung aja taarufan sama ahwatnya ~~ |

Membuat Button Follow dan Dashboard ala Tumblr

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. Contoh blog itu bisa dilihat di sini.

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; right: 93px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=7786425643110570352" 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://tb-tutor.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>


5. Kode berikut 7786425643110570352 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=5069428392280954069)

6. Untuk button Dashboard link tersebut (http://tb-tutor.blogspot.com) bisa kita arahkan ke halaman utama blogger.com tapi saya lebih memilih mengarahkannya ke halaman utama blog.

Sumber : Kurnia Septa

1 komentar:

Kotak Pandora mengatakan...

mantap gan tricknya
jadi lebih simple...

mampir k lapak saya sekalian gan.
http://last-crusaders.blogspot.com

Posting Komentar


7 Junior High School | yang kami ingin bukanlah menang tapi pengalaman yang membuat kita menjadi menang abadi !