CARA MEMBUAT FAN PAGE MELAYANG DI BLOG

Assalamualaikum Wr.Wb

 Untuk kali ini saya akan mencoba berbagi kepada anda tentang bagaimana caranya membuat fan page melayang di blog.Woke tanpa banyak bicara lagi saya akan kasih tahu anda:



1.  Pastinya anda harus login dahulu ke blogger
2.  terus anda masuk ke rancangan
3.  kemudian pilih edit html
4.  kemudian centangin Expand Template Widget
5.  Setelah itu sobat cari kode </head> untuk lebih cepat menggunakan  ctrl+f3 untuk lebih cepat mencarinya
6.   kemudian kopikan kode di baawah ini dan ditaruh di atas </head>

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

7.  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>
</div>
--&gt;
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisMLKaCxXg9q99Er48HfZaZ9vr4CEr0rAlplUcPWIeJvIC6y20WXHVriS_u3gkgG6m7kC1CIycuH0WSJGVeyA1dgwStHrwTEivIbirdsTSuqjZvI-b3kK98ZWma5R_nfCBAeLz2OnG1DU/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">
<div>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=TERSERAH ANDA&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" style="background: #fff; border: none; height: 270px; overflow: hidden; width: 251px;"></iframe></div>