Cara Menampilkan Tombol Like Facebook Tersembunyi di Samping Blog

Sebenarnya saya agak bingung ketika mau posting artikel ini. Karena istilahnya tidak saya kenal. He he he. Apa itu ? Yaitu menampilkan banner tombol like halaman facebook kita di sebuah blog seperti di blog hadapan anda ini.  Yang unik adalah widget facebook like tersembunyi di balik pintu samping blog ini. Lebih jelas silahkan lihat ke samping kanan Panduan Blog ini, ada banner Facebook kan?

Kalau mouse anda diarahkan ke banner tersebut maka maka akan keluar dari persembunyiaannya dan terbuka seperti ini :

Keren kan? Apa manfaatnya kita meletakkan fans facebook? Tentu untuk mempermudah siapapun yang menyukai blog anda lalu melakukan like terhadap facebook fans anda.

Bagaimana cara membuatnya? Gampang kok. Eh maaf dulu. Tips ini saya dapatkan dari seorang teman. Blogger juga. Tapi saya lupa siapa dia dan apa blognya. Kita doakan semoga mendapatkan pahala dan limpahan rizki dari Allah Swt atas amal dan ilmunya untuk kita.

Cara Menampilkan Tombol Like Facebook di Samping Blog

1. Login ke blogger.com

2. Klik blog yang akan anda pasang Widget facebook Fans

3. Klik Tata Letak

4. Klik Tambahkan Gadget / Add gadget

5. Klik HTML/JavaScript

6. Masukkan kode di bawah ini ke kolom di HTML/JavaScript tersebut

<style type=”text/css”>
    .barrightfacebook{background:url(‘http://1.bp.blogspot.com/-3xq-Se4UF9w/TpOxNLDMYmI/AAAAAAAAAOM/yaPj4IUjnQ0/facebook.png’);background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
    .barrightfacebookc{background:url(‘http://1.bp.blogspot.com/-HzEApcExb4E/Tw_1aECVK8I/AAAAAAAABuc/6w8XPRLuoOc/s1600/fb_bg.png’);background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
    .barcontefacebook{margin:5px 0 0 47px}
    </style>
    <div onmouseover=”this.className=’barrightfacebookc’” onmouseout=”this.className=’barrightfacebook’”>
    <div>
    <!– Begin Facebook –>

<iframe src=”//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fhttp://netta-curhat.blogspot.com%2F188748937847959&amp;width=250&amp;height=260&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:250px; height:260px;” allowtransparency=”true”></iframe>
    <!– End Facebook –>
    </div>
    </div>

Penting : Ganti kode yang berwarna merah dengan facebook fans milik anda

7. Langkah terakhir klik tombol Simpan

Semoga berhasil ya anda Menampilkan Tombol Like Facebook Tersembunyi di Samping Blog seperti punya saya ini. Be blogging