Sabtu, 16 Maret 2013

Cara Membuat Fanpage Facebook Like di Blog


Hello teman teman, kebetulan saya ada sedikit ide untuk memposting artikel yang menarik tentang
Cara Membuat Fanpage Facebook Like di Blog
Dan tentunya kita akan membuat widget Cara Membuat Fanpage Facebook Like di Blog yang melayang disamping blog, atau biasanya disebut floating facebook fan page. 
Script jquery yang kita gunakan ini akan memberikan efek yang manarik yaitu sliding efek ketika didekatkan dengan cursor, dan akan menutup apabila cursor menjauh. Previewnya dapat anda lihat seperti punya saya disamping. Dengan memasang widget Cara Membuat Fanpage Facebook Like di Blog ini pada blog dijamin facebook anda akan semakin banyak fannya alias penggemarnya. Untuk memasang script ini sangat mudah, hanya membutuhkan beberapa langkah saja. 
Jadi bagaimana tertarik untuk membuatnya....? Kalau begitu ikuti tutorialnya

Cara Membuat Fanpage Facebook Like di Blog berikut ini:

1. Pada blog anda masuk ke tempelate --> Edit HTML
2. Carilah kode </head>
3. Letakan script jquery dibawah ini diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

4. Simpan template anda
5. Masuk ke Elemen Halaman lalu klik Tambah Gadjet
6. Pilih HTML/Javascript
7. Masukkan kode berikut ini:

<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("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") 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=http%3A%2F%2Ffacebook.com%2Fotongdotcom.net&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span style="color:#fff;">Widget by: <a style="color:#fff; font-weight:bold" href="http://www.blogtrikdantips.blogspot.com">Indra</a></span></div></div>

8. Ganti tulisan berwarna merah dengan nama fan page anda
9. Simpan gadjetnya

Teman teman bagaimana dengan hasil Cara Membuat Fanpage Facebook Like di Blog?...semoga dengan kode Cara Membuat Fanpage Facebook Like di Blog  ini akan membuat blog anda menjadi lebih menarik dan bertambah pengunjung dan fannya...semoga bermanfaat.

Tidak ada komentar:

Posting Komentar

RajaChanger COM Terpercaya Indonesia Jasa Jual Beli eCurrency dan Deposit Withdraw Balance Forex

RajaChanger indonesia terpercaya  jasa exchanger yang melayani penukaran jual beli topup saldo balance dollar akun Perfect Money PM BitCo...