Rabu, 27 Februari 2013

Like Page Facebook Melayang Pada Blogger

Kawan blogger mungkin bingung bagaimana membuat like page facebook yang cocok buat blog anda..

Facebook merupakan pilihan utama yang paling mudah dalam saling berbagi informasi baik itu informasi sesama blogger, komunitas dan lain sebagainya..

Caranya mudah ko, kl kawan-kawan blogger menginginkan like page facebook melayang di blog anda, dan agar terlihat lebih indah dari pada sebelumnya.

Langkah pertama yang harus sahabat blogger lakukan hanya mengcopy pastekan kode dibawah ini..
  1. Pertama sahaabat blogger pastinya login dulu, terus masuk ke tata letah
  2. Tambah widget lalu pilih HTML / Java Script, terserah sahabat blogger ingin taru dimana widgetnya, oya kosongin aja judul widgetnya
  3. Nah langkah terkhir sahaabt blogger hanya kopi pastekan kode dibawah ini..
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0hXMYQKwEsn58IoRXEz5qPnJ18cWt8EZdRK1vi2N2-03jHsSYBolOyNo2it3Msdanxyb-6T0Pty8jCPxZDC-iRY6xnROw7CBneGx6HPAs_AX4b90d7kyBGRp62sUpC-VMCvNsTKpOxPRW/h120/Untitled-1.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:30%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/adhielikepage&amp;width=250&amp;height=260&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=339941006059696" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:260px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://belajarintoday.blogspot.com/2013/02/like-page-facebook-melayang-pada-blogger.html" target="_blank">Blogger Widget</a></span></div></div>

Rubah kode yang berwarna biru menjadi alamat likepage facebook anda..

 

Copyright © 2009 Study In Today . Blog Designed by Study In Today & AdhiTj.