Cara Buat Like Box FB Melayang + Tombol Close

Kepolover - Buat agan sekalian yang ingin memasang plugin Like Box melayang pada blog kalian maka kalian bisa menggunakan cara ini agar kelihatan lebih cool dan menarik. Sebenarnya cara ini sangat derhana dan tidak memerlukan keahlian khusu. Cara ini saya sengaja saya kasih judul Cara Buat Like Box FB Melayang + Tombol Close Seperti Kepolover.blogspot.com agar nantinya kalian bisa tahu hasilnya seperti apa. Dan jawabannya singkat dan mudah yaitu seperti Like Box/Like Button Facebook melayang yang ada pada blog milik putra pandaan ini.  Lihat screen shoot:

Apa sih tujuan kita pasang Like Box/Like Button Facebook? nah jawabannya adalah berhunbungan dengan promosi Page FB atau promosi blog kalian lewat FB. Nah dengan itu maka kalian bisa mendapatkan pengikut blog yang merupakan potensi visitor blog kalian nantinya. Dengan mendapatkan banyak pengikut yang nge-Like maka otomatis posisi blog kalian menjadi lebih keren karena setiap kali kalian update blog maka kalian bisa mengupdate ke FB dan dibaca member kalian nantinya.


Oke, langsung saja saya kasihkan rahasianya:
1. Pertama masuk Blogger =>Dasbor
2  Pilih/Klik Blog yang akan dikasih Like Box/Like button FB Melayang 
3. Klik Template => Klik Edit HTML
4. Klik Proceed
5. Cari Kode </body>  lalu copas kode berikut dibawahnya:

<style type='text/css'>
.notification{width:350px;height:260px;display:block;position:fixed;bottom:100px;left:490px;/*Border Radius*/border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;/*Box Shadow*/-moz-box-shadow:2px 2px 2px #cfcfcf;-webkit-box-shadow:2px 2px 4px #cfcfcf;box-shadow:2px 2px 2px #cfcfcf}
.notification span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8cm9y6B9ehoo-Sn3jW73CnRDsFgXeg5GTCcJUGZ_4OVLoVwWvmmassbQcAC-Egs8cDW-4avN1z_q7IzgdHk4IRDQyMQ1ucLE-L722B9PBktmbHrvyoIpidGN95Tyk8evEUACVdd8h5iU/) no-repeat right top;cursor:pointer;display:block;width:19px;height:19px;position:absolute;top:-9px;right:-8px}
.notification p{width:400px;font-family:Arial,Helvetica,sans-serif;color:#323232;font-size:14px;line-height:21px;text-align:left;float:right;margin:10px 15px 0 0;*margin-top:15px;/*for lt IE8*/padding:0;/* TEXT SHADOW */ text-shadow:0 0 1px #f9f9f9}
.warning{border-top:1px solid #fefbcd;border-bottom:1px solid #C5D5E6;/*Background Gradients*/background:#C5D5E6;background:-moz-linear-gradient(top,#fff,#C5D5E6);background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#C5D5E6))}
.warning:before{content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM4Fv8zpS97s-vbwMosENPC8BxN29kD5_aNeii9mRXN1RXqMmrG3IkUJiH2xooSLk6bmlHQKIibozFGQo5VmPsAmXB1qbniXG8pKKgNIYwpLwxfO07WTXLAGwK2Ti7QLjEVO_51fMU22E/);float:left;margin:5px 0px 0 5px}
.warning strong{color:#e5ac00;margin-right:15px}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){$(&#39;.notification&#39;).hover(function(){$(this).css(&#39;cursor&#39;,&#39;auto&#39;);});$(&#39;.notification span&#39;).click(function(){$(this).parent().fadeOut(800);});});</script>
<div class='notification warning'><span/>
<center>
CODE LIKE BOX/LIKE BUTTON FB KAMU
</center></div>

6. Isi Code LIKE BOX kalian, bila belum punya silahkan cari disini:
    http://developers.facebook.com/docs/plugins/ 
7. Simpan dan selamat mencoba :)

Semoga Bermanfaat.