cara buat like facebook disisi blog

Cara buat Fans fage atau yang di kenal dengan like box, Artikel ini adalah kelanjutan dari artikel sebelum nya cara buat Fansfage di blog,  namu artikel kali ini ada sedikit berberdaan karna like box ini memiliki ke unikan tersediri letak nya yang berbeda dari artikel sebelum nya’ biasa fans fage di letakan di sidebar kanan atau kiri namun like box ini memiliki letak tersebunyi  seperti gmbar dibawah ini

Contok

Bagi anda yang tertarik untuk memiliki like box seperti gambar di atas silahkan ikuti cara dibawah ini:

1.Login Ke blogger

2.Klik rancangan Tempelate

3.klik Edit HTML

4.Centang kotak: Expand Template Widget

1.Cari kode:</head> Untuk mempermudah pencarian gunakan  Ctrl+F

Letakan kode (jquery )di bawah ini tepat diatas kode </head>

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

</script>

Keterangan:

Jika Tempelate anda sudah terinstall dengan kode(jquery) silahkan dilewati

2.Pratinjau

3.Tutup dialog

Langkah selanjutnya masuk ketata letak pilih add gadget Tambahkan kode HTML ini bawah 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/AVvXsEjXvR8Mo2UuJZW2csc5ZMIP_-x4AE2x9b0pplyXnHUIahnQbk12JJ48CZUFqjLMyPvnBdiZggh9yOu26bdHggRromPN_RTSP9jJyunxFO-eYX6AQV1LF51xlmOdk6N-SrqIlbF99aKVnqg/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=http://www.facebook.com/ulr 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" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://lupadicopy.blogspot.com" target="_blank">+Get This!</a></span></div></div>

Keterangan:

Isikan Url facebook halaman anda:Contoh http://www.facebook.com/mra1030

Selesai.