Saturday, February 16, 2013

Tip's n Trik Cara Membuat Fans Page Facebook Keren di Blog


Cara Membuat Fans Page Facebook Keren di Blog
Pada kesempatan kali ini saya akan menjelaskan cara membuat fans page di blog, tetapi kali ini fans pagenya tersembunyi atau slide show seperti yang ada di sebelah kiri blog saya ini. Pertama anda harus buat fans page terlebih dahulu, anda bisa membuatnya dengan klik "buat halaman" di bagian paling bawah facebook anda.

Setelah selesai, anda ikuti langkah-langkah berikut:
1. Masuk ke tab rancangan-edit html dan centang expand elemen widget.
2. Cari kode
</head>
, dan letakan kode di bawah ini di atas kode
</head>
tersebut.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
3. Save template dan klik tab elemen laman.
4. Klik add gadget, pilih tambah HTML/Javascript dan copy kan kode di bawah 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://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/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/pages/Prastybloggercom/212198605591874 &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://prastypunya.blogspot.com/2013/02/tips-n-trik-cara-membuat-fans-page.html">Widget by PrastyBlogger</a></span></div></div>

5. Kemudian Simpan.
Semoga bermanfaat buat sobat Blogger semua,
Selamat mencoba, jika ada masalah silakan tinggalkan Coment
Comments
4 Comments

4 comments:

  1. mksh Info'x sob..
    sangat bermanfaat sekali..
    ijin baca y...

    ReplyDelete
    Replies
    1. silahkan sob,,,
      makasih kunjungan perdananya ke blog ini..

      Delete
  2. Replies
    1. makasih gan....
      dh berkunjung di blog ini..lam kenal

      Delete