Membuat Like Facebook Blog dengan tehnik Floating Image

Susah mau bilangnya apa, tapi ini hanya untuk para blogger mania yang mau memasang like facebook seperti yang saya terapkan di blog ini. Coba lihat disebelah kanan, apabila image facebook diklik maka akan timbul Like Facebooknya (sebutnya sih Floating..)

Buat teman-teman yang mau memasangnya silahkan saja dengan cara :

1. Login ke Blogger
2. Klik Dasbor>Rancangan>Edit HTML
3. Cari kode

</head>

4. Tambahkan kode ini diatas </head>

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

Abaikan saja langkah ini apabila template sobat sudah terinstall Jquery Plugin.

5. Klik Dasbor>Rancangan>Tambah Gadget>HTML/JavaScript
6. Copy kode dibawah 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/AVvXsEj0TrQK_BiMfCDuvaXeYOV22NO7XbpGe9UQ4cnk_TK1imIGOqNSrK5-twDbj9DvFBrpSwKUHE1jOMkjzRetDocglVx8Bqz9WHa_B1VXQtx4MTV9pYepN_gCDgT76qSqpm1Jv-etGtKEu54/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%3A%2F%2Fwww.facebook.com%2Fngerapik-blogspot&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://ngerapik.blogspot.com/2015/03/membuat-like-facebook-blog-dengan.html" target="_blank">+Get This!</a></span></div></div>

7. Simpan  

NB :

** Silahkan ganti http%3A%2F%2Fwww.facebook.com%2Fngerapik-blogspot dengan nama Facebook Fan Page Anda

** Fungsi utamanya adalah ganti (:) dengan %3A, dan (/) dengan %2F

** Untuk mempermudah silahkan kopi Kode ini :

https%3A%2F%2Fwww.facebook.com%2Fpages%2FNgerapik-Blog-Pangkalpinang%2F301775843221155?ref=hl

Sesuaikan dengan alamat URL Fanpage anda

** Selamat mencoba, semoga bermanfaat. Salam

Donasi Ngerapik Blog, Please Klik START..

facebook

twitter

Tweet

google+

linkedin