Selamat Datang

Cara Buat Like FB Melayang

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/AVvXsEjbZO58Y5ibCs6y5N9AaNxik_aCFELNztJZaLmdwCh0nhsoayLGK91gDNmLE4qCvEy2v_gU6aWiCQtPNig0PV0Gr3iQ4odSiEkm0CM8Pw3kQrMc9eK5UQyPuWe5SYcgJCAXU6VQOQf9-7M/) 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/AVvXsEg-AAct64TNZyq7ELOcnxAzaZeTo8nfuRb-S_4r7fsuXE0o5lvUzba-ORX0Vuj-gsHSdXKXVGwMkCVUFzP2f8BBzBcE3qlv5p7t965ZyAxafjcvjbFZXx3MT2qcLkpBkfylqmvwLSXMOWw/);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 (santa mars)
</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.

0 komentar: