Rabu, 12 September 2012

Cara Membuat Fans Page Facebook di Blog

Sudah tau kan apa itu fans page? jika kita membuat sebuah blog menurut saya kurang lengkap bila belum memiliki Halaman Penggemar Facebook (Facebook Fans Page). untuk itu saya akan memberikan tutorial Cara Membuat Fans Page Facebook di Blog Anda bisa melihat sendiri di berbagai web/blog yang sudah terkenal. Mereka biasanya memiliki Facebook Fans Page masing-masing. Anda tertarik untuk mencobanya? Namun sebelumnya, anda harus mempunyai Facebook Fans Page terlebih dahulu.
Nah, sekarang kita langsung praktekkan saja. Ikuti langkah berikut.
  1. Seperti biasanya, pertama-tama, Masuk Blogger > Rancangan > Edit HTML.
  2. Kedua, cari kode </head> (gunakan Ctrl + F Untuk mempermudah pencarian).
  3. Ketiga,Copy Dan paste Kode Di bawah Ini Tepat sebelum kode </head>, Jika Anda sudah pernah memasang kode ini, maka langsung ke langkah 5 saja.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  1. Jangan lupa klik Simpan Template.
  2. Sekarang ke Rancangan > Elemen Lama > Tambah gadget > Html/JavaScript.
  3. Copy script di bawah ini lalu pastekan ke HTML/JavaScript yang Anda buka tadi.
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".sektimlikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.sektimlikebox{background: url("http://www.talesoftalisman.com/2012/images/fb110.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:200px;}
.sektimlikebox div{border:none;position:relative;display:block;}
.sektimlikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.sektimlikebox span a{color: #808080;text-decoration:none;}
.sektimlikebox span a:hover{text-decoration:underline;}
</style><div class="sektimlikebox" style=""><div>

<iframe src="//www.facebook.com/plugins/likebox.php?href=URL-Facebook anda disini&amp;width=245&amp;height=330&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=FFFFFF&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="background:#FFF; border:none; overflow:hidden; width:245px; height:330px;" allowtransparency="true" ></iframe><span><a href="http://sektim-area.blogspot.com/2012/04/cara-membuat-facebook-fans-page.html" target="_blank">Mau widget ini?</a></span></div></div>
      7.  Dan terakhir , klik Simpan.
nah sudah mencoba, langsung praktekkan di blog sobat, semoga sukses!!!

0 komentar:

Posting Komentar

Tinggalkan Komentar di sini!

Twitter Delicious Facebook Digg Stumbleupon Favorites More