Memasang fans page facebook di blog




Cara Meamasang Fans Page Facebook Di Blog sepertinya terlihat bagus dan tentunya tidak menggangu space halaman pada blog.

Cara memasang Fans Page Facebook ini tidaklah terlalu susah anda hanya menambahkan sedikit sentuhan pada template blog anda.

Ada dua cara fans page facebook di blog
  • Cara Pertama
1. bukalah akun blog anda
2. masuk ke elemen Template lalu pilih Edit HTML
3. carilah kode </head> lalu copylah kode script di bawah ini tepat persis di atas kode </head> tadi
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
 4. simpanlah template 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, masuklah ke element tata letak dan pilih Add Widget
2. Pilih HTNL Javascript

3. selanjutnya kopi lah kode dibawah ini kedalam widget anda
<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/AVvXsEhI6d57QB2xoqsED1hsCTr_yVykGjw9AHKZF3iFLSyj4zxZXcVjvtMLyUlLwTDFiIcu6YqMED4oQSLuE_OrogwreNroVBHReDn3g2e0Tz3dsQUPWzJQDm_FJBo4ns-gT0RF-IMfVEjhtjk/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/SobatPoste&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://bos-tutorial.blogspot.com/2013/02/cara-memasang-fans-page-facebook.html">Get Widget Here</a></span></div></div>
 4. simpanlah widget anda
5. lihat hasilnya

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

Demikianlah Tutorial tentang bagaimana cara membuat fans page facebook di blok, jika ada yang kurang maaf.
Terimakasih
Share this video :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Sobat Poster - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger