Cara Membuat Fanpage Facebook Like di Blog

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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwp6nFsiuWo-70zLRLliRz4OndcKgIyk6erlYpuNjh9J6hS2C0OX58BzwYtmHMnNxHJvLQK0G74rUWcEMeSad8SSi-p4OHXAaUiFyAgkwjiOOPhVAV4vaQ7-099edmH02hbs8q7C2pT7cJ/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.

Cara Membuat Fanpage Facebook Like di Blog


Artikel Terkait

1. Cara membuat website sendiri
2. Cara cepat terindex bing dan yahoo
3. Cara membuat fanpage facebook like di blog
4. Cara untuk sukses
5. Tipe kepribadian entrepreneur 
6. Cara sukses untuk berbisnis
7. Tips karakter yang harus di milki netpreneur
8. Cara sukses menjadi netpreneur
9. Cara merubah hobi menjadi bisnis
10. Tips mendapatkan penghasilan dari menjualkan produk orang lain
11. Bisnis paling menguntungkan di masa depan
12. Cara mendapatkan penghasilan tambahan
13. Cara buat banner blog animasi gratis mudah

Tutorial vidio

Cara buat email baru di google
Cara mendaftar ke asianbrain melalui twitter
Cara membuat fanpage di facebook
Cara membuat akun twitter dengan mudah