Cara Membuat Like Facebook Yang Tersembunyi di Samping Blog

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%2Ftutorialplancom%2F254781740684729&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........

Share this post