Monday, June 10, 2013

Cara Membuat Widget Facebook FansPage Melayang Di BLOG

Cara Memasang Fans Page Facebook Tersembunyi ini tidaklah susah, anda hanya menambah sedit script pada template blog anda. Namun ada syarat yang anda penuhi.

Syaratnya adalah :
1. Anda harus memiliki Akun Facebook (bisa juga minjam) sebaiknya punya sendiri lebih bagus.
2. Anda juga harus punya sebuah Halaman Facebook (Fans Page Facebook)

Apabila anda belum memiliki syarat di atas, abaikan dulu tutorial kali ini. Oh iya, bagaimana cara membuat facebook dan halaman facebook, nanti kita bahas selanjutnya yah.

Apabila anda sudah memiliki syarat-syarat di atas, langsung saja ikuti langkah-langkah bagaimana Cara Memasang Fans Page Facebook Tersembunyi di bawah ini.

Ada 2 Cara Memasang Fans Page Facebook Tersembunyi
Cara Pertama
1. Bukalah akun blog anda kawan
2. Masuk Elemen Template, lalu pilih Edit Widget, slanjutnya Centang : Expand Template Widget
3. Carilah kode </head> lalu copylah kode script di bawah ini tepat persis di atas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/> 
4. Simpan tempalate blog anda.

Catatan :
Apabila template anda sudah menyediakan kode script diatas, abaikan saja. Artinya anda tidak perlu memasukkannya lagi ke dalam template blog anda. Selanjutnya ikuti cara kedua.

Cara kedua
1. Apabila cara pertama sudah beres, maka masuklah ke Elemen Tata Letak, pilih Add Widget / Tanmah Gadget
2. Lalu pilih HTML/Jawascript
3. Selanjutnya copylah kode script di bawah ini ke dalam Widget/Gadget Baru yang anda buat.
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkufIaoXqABCxzOqrY8bFgRTNsCX-9PIdEegmIjc7JjUUxajx6mSZus75MatUv_dAsUmNRX8vYCLvLIoAEOtERP6xrMmOR8AFN2-JRVGUDCkNfI3Qg0jGJHYCkh-m4Oj7EYRWtTVZuD2A/s1600/fans-page-facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/clovergameshop&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://kumpulan-cheats.blogspot.com/2013/06/cara-membuat-widget-facebook-fanspage_10.html">Get Widget Here</a></span></div></div>
4. Simpat Widget/Gadget Baru yang anda buat tersebut.
5. Lihat hasilnya.

Catatan :
1. Gantilah tulisan https://www.facebook.com/clovergameshop dengan alamat / URL Halaman Facebook Anda.
2. Lihat contoh hasilnya di sebelah kanan blog ini.

Demikian tutorial kali ini mengenai Cara Memasang Fans Page Facebook Tersembunyi, semoga bermanfaat.

No comments:

Post a Comment