Membuat Facebook Floating Badge

Lanjut ke tutorial [tagtip]Wordpress[/tagtip]. Liat kan di pojok kanan atas Blog ini? ada badge FB... kemaren ada beberapa member yg nanya gmn cara bikin nya, jd sy share aja di sini...

Itu bukan plugin atao sejenisnya, tp coding sndri... gak susah kok.

1. Ambil gambar ini, upload ke direktori /theme/theme-wp-kamu/images



2. Buka header.php. Klo kamu pake CMS seperti Wordpress atau Joomla pasti ada yg namanya header.php. Tinggal edit aja, trus tambahkan code HTML berikut,

<div class="floating_facebook"><a href="url ke profile"><img src="path to image" alt="Facebook" title="add fb gue" /></a></div>

3. Setelah itu, buka Global.css, atau kalo di wordpress stylesheet.css. Pokoknya file CSS yg mencakup semua halaman. Lalu tambahkan code CSS berikut di akhir,

.floating_facebook {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
}

4. Selesai... harusnya sekarang di blog kamu muncul lencana melayang FB (FB floating badge). Kalo gak muncul jg, coba perhatikan permission dari gambarnya.