Cara Membuat Like Facebook (Auto- Hide)

Tombol Like Facebook Ini berguna untuk bagi pengunjung Blog kita, dan juga bermanfaat untuk menambah Variasi pada Blog kita hingga tampil lebih menarik.

Langkah-langkah Menampilkan  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. Copy Paste kode di bawah ini ke kolom di HTML/JavaScript tersebut

<style type=”text/css”>
    .barrightfacebook{background:url(‘http://tutorialplan.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://tutorialplan.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%2Fcontructiobplancom%2F274068435254781&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>

Perhatian :  Jangan lupa tulisan yang berwarna Hijau diganti dengan facebook fans milik Sobat.

7. Langkah terakhir klik tombol Simpan.. Selesai... 

Selamat mencoba........