Cara Membuat Fans Page Keren di Blog

25 Agt 2012


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 kanan blog saya ini. pertama anda harus buat fans page terlebih dahulu.
Setelah selesai, anda ikuti langkah-langkah berikut:
1.    Masuk ke Template > 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:-50px;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=URLFANS PAGEANDA&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://budakbageer.blogspot.com/">Widget by Ujang SC</a></span></div></div>

5.    Kemudian Simpan.



Kamu dapat merubah gambar facebook yg disamping dengan merubah text yg berwarna hijau dengan URL gambar yg kamu suka
Ubah text yg berwarna oranye dengan URL page fans milik mu.
Jika ingin merubah warna background page fansnya kamu tinggal menggati code yg berwarna kuning dengan kode warna yg kamu suka...

Warning:  Hal yang susah akan menjadi mudah dan hal yang mudah ingn selalu mengulangi, jikalau selalu belajar dan berdoa sob, dan jika ada  keluhan atu belum jelas tentang posting diatas bisa segera tinggalkan comennya sob, atu bisa juga comentarnya lewat fans FBnya....

SILAHKAN GUNAKAN FACEBOOK COMMENTARNYA JIKA TIDAK MEMILIKI URL BLOG ATAU SITUS LAINNYA SOB...?? TRIMAKASIH.

Comments
0 Comments

0 komentar:

Poskan Komentar

 
 
 

Pengikut