Aurel Amalia
Aurel Amalia ›

on Thursday 6 December 2012

Membuat Widget Facebook Fans Di Blog

Galang Community - Pagi G-Fans? Sudah tau cara buat Widget Facebook seperti yang ada di samping kiri blog ini? Bagus kan? Mau tau gak caranya? Pasti mau donk ^_^.



Oiya, bagi kalian yang menginginkan Widget Facebook Di Samping kiri Blog ini, kalian pertama tama harus memiliki Fanspage dulu di Facebook. Cara buatnya gampang kok, tinggal pergi ke sini :

Nah Setelah itu, Buat Halaman sesuai keinginan anda.
Sudah Membuat? Langsung saja ke Step berikutnya :

1. Ingat link Fanspage kamu, dan Copy dari address bar. Pergi ke Halaman kamuu, terus lihat address bar, pada angka awalan id=265538853475446 [contoh] itu merupakan kode Fanspage anda,misalkan seperti ini KLIK DISINI

2. Setelah itu, ikuti langkah langkah berikut :

Copy Semua Code dibawah ini kemudian pastekan di Add Gadged HTML

<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/AVvXsEgyCom0nMtFRPk9wqb_y2K5R6z5vwmJLeCnGqEfnkouHFpohpJyA8QZ080cvW4s7NL6eKqf0Bb-iem2CX4ormkpV5Zbr0sN6jB4pRJdbNjpt5xJ4dPHau81V4zCEDdqy52Py-uk-YqnoJ4/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: left;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/GaLangNurAji&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://adf.ly/FfFqK" target="_blank">+ Get This</a></span></div></div>

Nah setelah itu ganti tulisan berwarna merah dengan Link Fanspage anda.

Klik Save. Kemudian lihat Blog anda.
Selamat, Widget Facebook di Blog anda sudah tercipta.
Jika mengalami kesulitan, silahkan tinggalkan komentar dibawah ini :]