Subscribe:

Ads 468x60px

Sabtu, 24 November 2012

Membuat Like Box Facebook Tersembunyi Di Blog

       Facebook dapat di jadikan sumber promosi para blogger, karena pengguna facebook kian hari kian banyak maka tidak ada salahnya mempromosikan blog kita di facebook. Like box fb di blog bisa membuat orang yang berkunjung ke blog sobat bisa sekalian meng-like fanspage blog sobat, tetapi agar tidak memakan tempat like box fb dapat disembunyikan seperti tutorial berikut. 

1. Log in ke blogger.
2.Klik rancangan  » add gadget » HTML/Java Script.
3.Pastekan kode di bawah ini pada kolom yang sudah disediakan.



<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/AVvXsEggO3DSLOnLDg17YS88S91WImkqv5Sy0bPp1Dpz1wHI5saokzU7ii0Vj_qWZSrVZa7G458CPJtyqH9eIVqVaOUiJE-mEvupqcKB2HtDAm18tQEn-aFV5rjaQ5XmPHRPq0vehMCSib9CtfU/s1600/floatingfb.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:20%;}
.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/pages/CB-Cebbing-Budaya/318710158167099?ref=hl&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://bdigg.blogspot.com/2012/04/cara-membuat-like-box-facebook.html" target="_blank">+ Get This</a></span></div></div>



 Keterangan :
  • Ganti kode yang berwarna biru dengan url fans page anda.
 
4.Pergi ke edit HTML dan letakkan kode dibawah ini di atas kode </head>.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>

0 komentar:

Posting Komentar