Cara Pasang "Follow Badge" di Blog

Udah beberapa hari ini di blog terpampang fitur tambahan disebelah kanan. Namanya "Follow Badge". Lengkapnya sih "Follow Badge Social Networking for Your Site/Blog".

Wuiih...panjang yah.. tapi singkatnya, tools ini buat masang semacam lencana (badge) kecil di web/blog kita untuk mengarahkan pengunjung web/blog kita ke akun jejaring sosial yang kita punya seperti Plurk, Twitter, Friendster dan juga pastinya Facebook.

Jadi teman-teman kita bisa dengan mudah tau alamat jejaring sosial kita dan nge-add deh...

Kalau mau ikutan pasang di blog kamu, ikutin deh cara ini:

1. Pergi ke alamat http://follow-badge.apadong.org/ trus pilih deh halaman social networking yang mau dibuat badge-nya. Disana tersedia 4 pilihan, ada Facebook, Friendster, Plurk dan juga Twitter.
2. Nah, sekarang misalkan mau buat badge untuk Facebook, klik halaman http://follow-badge.apadong.org/facebook/
3. Masukin ID Facebook kamu di kolom Facebook profile ID. ID Facebook itu yang letaknya ada di setelah alamat facebook seperti ini gambar diatas ,
4. kalau profile kamu masih berupa angka-angka,  seperti ini:
   http://www.facebook.com/profile.php?id=100001942283701, copy angka angka berwarna merah lalu masukan pada Facebook profile ID seperti gambar diats sesuai dengan angka pada profil anda
   
5. Pilih label yang mau dipake, kemudian pilih warna letaknya dan terakhir jarak dari atas itu berapa pixel.
6. Kalo udah, klik generate untuk dapetin kodenya.

Klo udah dapet kodenya, buka deh blog/web kamu trus edit bagian HTMLnya, dan letakkan kode di atas tag body penutup.

Misalkan kamu pake blogger kayak saya ini, cara masukinnya seperti ini:

1. Masuk ke account blogger kamu, trus klik Layout » Edit HTML.
2. Scroll layar Edit Template sampai bawah dan ketemu tag BODY, letakkan kode tersebut tepat diatasnya.
3. Namun, untuk pengguna blogger perlu sedikit memodifikasi kodenya (paling aneh emang blogger ini kode2nya) dengan menghapus bagian yang saya beri warna merah:
   
4. Klik Save Template.
   

Nah, jadi deh! Selamat mencoba..

Artikel Terkait:

Tips Blogger

• Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung
• Kumpulan Icon Read More Blog
• Cara Membuat Threaded Comment (Fitur Reply)
• Cara Membuat Read More Otomatis Dengan Tombol Gambar
• Cara Membuat Read More Otomatis Di Blog
• Script Anti Klik Kanan + Ctrl U + Ctrl C
• Cara membuat Efek banjir di blog
• Cara Membuat Anti Klik Kanan Dengan Gambar
• Cara Membuat Gambar Pembuka pada Blog
• Cara Membuat Buku Tamu Yang Keren
• Cara Membuat Buku Tamu Model Sliding
• Cara Mudah Mendapatkan Sitelink Google
• Cara Menampilkan Link Otomatis Saat Blog di Copy Paste
• Cara Membuat Halaman Maintenance Pada Blogspot
• Cara Membuat komentar admin berbeda dengan pengunjung
• Cara Memasang pesan Terimakasih di bawah komentar
• Pasang Avatar Di Kotak Komentar Blog
• Cara Membuat menu slide info di blog dengan css
• Cara Membuat Balon Tooltip Otomatis Ke Semua Title Yg Ada Di Blog
• Cara Membuat Menu Slide melayang di bagian kiri blog dengan css
• Cara membuat zFP menu di Blog
• Javascript Disable Keybord
• Membuat menu melayang dengan sentuhan Jquery dan CSS3
• Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css
• CARA MENAMPILKAN HANYA JUDUL ARTIKEL PADA HALAMAN DEPAN BLOG