Saturday, April 21, 2012

Cara Membuat Widget Fan Page Facebook Auto Hide di Blog

AB | Cara Membuat Widget Fan Page Facebook Auto Hide di Blog - Kita tinggalkan dulu sejenak Kekalahan Barca melawan Madrid. Semua adalah sebagian dari pertandingan. Ada kalah ada menang. Hehehehe gak ada hubungannya yah ama postingan kali ini. Heheheeh. Cuma basa-basi saja kok. Oh iya, masih semangat nih? Kita lanjutkan Tutorial Blog yah. Kali ini AB akan membagi tentang Cara Membuat Widget Fan Page Facebook Auto Hide di Blog.


Widget Fan Page Facebook Auto Hide di Blog bisa membantu kawan-kawan blogger untuk menambah space / ruang pada template blog. Sehingga space yang kosong bisa anda gunakan tempat iklan atau yang lainnya. Kenapa demikian ? karena Fan Page Facebook tersebut bisa muncul atau sembunyi lalu muncul kembali.

Penempatan Widget Fan Page Facebook Auto Hide di Blog tepat berada di pojok kanan bawah pada halaman blog kita. Widget Fan Page Facebook Auto Hide di Blog Muncul ketika mouse diarahkan ke bawah atau ke atas halaman. Heheheh, Atas Bawah... apa dia malu yah ampe muncul dan tidak muncul heheheh.

Untuk mempersingkat, inilah Cara Membuat Widget Fan Page Facebook Auto Hide di Blog.
1. Seperti biasanya, anda harus membuka Akun Blog anda sendiri (pinjam boleh asal disetujui, heheheh)
2. Pilihlah Rancangan / Design pada Dasbor Blog Anda (seperti biasa juga nih)
3. Lalu tambahkan Widget (klik add widget / tambah gadget)
4. Pilih mode HTML/Javascript
5. Copy-lah script dibawah ini dan paste-lah pada kotak widget yang tadi anda tambahkan.
<script src="http://ojel88.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: #fff;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 5px ridge #80ff00; display: block;">
<div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: #000; padding: 0pt 2px; border: 1px solid #000; text-decoration: none; font-size: 10px; font-family: Verdana" href="#">Exit</a>
<strong style="color:#000;">Silahkan Anda Like/Suka</strong>
Silahkan Letakkan Kode /Script Fan Page Facebook Anda disini
</div></div>
6. Simpan Widget dan simpan template blog anda.
7. Lihat Hasilnya.

Catatan :
  • Untuk yang berwarna biru silahkan anda ganti kata-kata yang anda inginkan.
  • Untuk yang berwarna merah Silahkan Letakkan Kode /Script Fan Page Facebook
Silahkan klik disini untuk melihat contohnya.

Itulah Cara Membuat Widget Fan Page Facebook Auto Hide di Blog. Gampang bukan, Selamat mencoba. Salam Blogger. Kumpulan Adsen Blogspot.

No comments:

Post a Comment