Cara Buat Like Box FB Melayang + Tombol Close

Diposting oleh John Holongky Sinaga on Jumat, 29 Juni 2012

Selamat Sore Sobat Devilz !!!
Share Nih Tentang Cara Buat Like Box FB Melayang + Tombol Close Seperti PandaAnku.com
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://lh5.googleusercontent.com/_U0QaeycS3vw/Taqu74WricI/AAAAAAAAAkE/eEcZwcRj0ko/close.png) 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(http://2.bp.blogspot.com/_U0QaeycS3vw/TTXudYbX_ZI/AAAAAAAAAE0/b5kV-RL7vwg/haha.gif);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 !!!
7. Simpan dan selamat mencoba :)

Semoga Bermanfaat.

{ 0 komentar... read them below if any or add comment }

Posting Komentar

 
FASTSEO - SEO Friendly Blogger Template Design by Tutorial SEO Blogspot