Sebenarnya tutorial ini sudah banyak yang membahasnya, tapi gak ada salahnya khan klo di tulis kembali, sekedar referensi buat para blogger pemula seperti saya. Banyak bentuk/varian fans page yang bisa kita buat di blog, ada yang muncul di samping, ada yang muncul ketika masuk ke halaman blog, dll. Nah, Pada kesempatan kali ini saya akan membahas masalah - CARA MENAMBAHKAN FANS PAGE DI SAMPING KANAN HALAMAN BLOG seperti yang ada di blog saya ini.
Berikut langkah-langkah membuat Fans Page - nya :
1. Silahkan login akun Blog Anda
2. Pilih template,edit HTML dan centang expand template widget
3. Cari kode </head> dan letakkan kode di bawah ini tepat di atas 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. Lalu pilih Tata Letak dan tambah Widget, pilih tanda plus pada HTML/javascript
6. Copykan kode di bawah ini ke dalam kolom widget HTML javascript!
7. Ganti tulisan warna merah dengan URL Facebook FansPage sobat.
6. Copykan kode di bawah ini ke dalam kolom widget HTML javascript!
<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/AVvXsEg94tEqcHLSerP3_AccR5PS1bYfqK_JY2-vBf88BWy1oz7cLaw4eXDzmo3GQIPz8RPa9nf6i5-34PswiOgigt2dFOjJ2sazD9ukVfXqjQYA2IQXxl4Bxz2QqEi7UpcCGMNuv9wlS6W1cMg/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:50%;}
.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/KumpulanTipsTrikKomputer&width=245&colorscheme=light&show_faces=true&connections=12&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span></span></div></div>
7. Ganti tulisan warna merah dengan URL Facebook FansPage sobat.
Demikian Tutorial yang bisa saya sampaikan. Nah, sekarang tinggal di praktekan sendiri...
SEMOGA BERMANFAAT
Tidak ada komentar:
Posting Komentar