Oke Langsung aja pada step pertama :
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/AVvXsEg7GPCNkQWL_EnMajuF2Y0cMdQoOhwNZk2mMZDylTcl-OZoKiKyb_-sFNbn4ZWlVglCZfUWfaIiekew1QcJ1ZV6b2uFPBEEwoWQO54HwI05klF_JdJVBZlUS_lFSZzdVnnH1oIFiL0lz4A/) 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/AVvXsEhY73Mng8AdyLEPiBcEYpfqVVS5KZEZSypLijs9dR5q9iY12oZQYEZTwgECKh2-1bW4Yzw9L62RiCwFv6n5yVujt__j5VHRqG1jQ1MrqOD4EoCk8iGZNtpNB9t8ckhJm7Xem77AUczjvek/);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(){$('.notification').hover(function(){$(this).css('cursor','auto');});$('.notification span').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:.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/AVvXsEg7GPCNkQWL_EnMajuF2Y0cMdQoOhwNZk2mMZDylTcl-OZoKiKyb_-sFNbn4ZWlVglCZfUWfaIiekew1QcJ1ZV6b2uFPBEEwoWQO54HwI05klF_JdJVBZlUS_lFSZzdVnnH1oIFiL0lz4A/) 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/AVvXsEhY73Mng8AdyLEPiBcEYpfqVVS5KZEZSypLijs9dR5q9iY12oZQYEZTwgECKh2-1bW4Yzw9L62RiCwFv6n5yVujt__j5VHRqG1jQ1MrqOD4EoCk8iGZNtpNB9t8ckhJm7Xem77AUczjvek/);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(){$('.notification').hover(function(){$(this).css('cursor','auto');});$('.notification span').click(function(){$(this).parent().fadeOut(800);});});</script>
<div class='notification warning'><span/>
<center>
CODE LIKE BOX/LIKE BUTTON FB KAMU
</center></div>
http://developers.facebook.com/docs/plugins/
7. Simpan dan selamat mencoba :)
Semoga Bermanfaat.
0 comments:
Posting Komentar