Setelah sobat mempunyai fans pagenya kemudian
>>sobat masuk kedasbor blogger Template
>> Edit HTML
>>jangan lupa centang Expand Template Widget
Setelah itu sobat cari kode </head> lalu letakn kode berikut tepat di atas kode </head> untuk lebih cepat guanakan ctrl+F
tetapai jika sobat sudah mempunyai kode Jquery sebelumnya tidak disarankan untuk menambahkan kode berikut.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
Setelah sobat selesai memasukan kode Jquery kedalam template blogger sobat, selanjutnya sobat pilih Tata letak >> Tambah Gadget >> HTML/JavaScript lalu masukan kode di bawah ke dalam widget HTML/Javascript sobat.
<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/AVvXsEiIyxKZFXi4Hpd8715yAGgDoRTYm_3UYNieOFJct8_i8-HmGfA7GuE1DyUMHY7USkCCqV0CHDIM4Yco3VlE1s55GkFYNUxcjOMuZavbVD9ePrAFibwmpl825Z01m18hprl17C-aVAxetgQ/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/Edonk-Runting/165310433607914?ref=hl&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://www.fajar345.com/2012/04/membuat-widget-fans-page-facebook.html" target="_blank">+MAU??</a></span></div></div>
nah itulah sekilas membuat widget fans page facebook melayang
yang dicetak tebal dan lagger itulah yg harus sobat ganti dengan URL FANS PAGE FB Sobat, semoga bermanfaat dech but kita semua.........terimmakasih ya.....jangan lupa likenya dunk heeee GBU.
Tidak ada komentar:
Posting Komentar