Selamat datang di Blog ANAK KAMPUNG INI,Lakukan Perubahan Untuk masa dapan Indonesia Khususnya KALIMANTAN BARAT,AYO CINTAI DAERAHMU DARI SEKARANG.

fb


Selasa, 27 November 2012

membuat widget fans page facebook melayang

Ok skarang kembali cara membuat widget fans page facebook melayang.
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("http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/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&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://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