Country

Flag Counter

Translate

English French German Spain Italian Dutch

Russian Brazil Japanese Korean Arabic Chinese Simplified
Translate Widget by Google

Cara Membuat Fans Page 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 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:-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=URL FANS 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://adithya-putr4.blogspot.com/2012/05/cara-membuat-fans-page-keren-di-blog.html">Widget by Adithya</a></span></div></div>

5. Kemudian Simpan.

Kamu dapat merubah gambar facebook yg disamping dengan merubah text yg berwarna orange dengan URL gambar yg kamu suka 
ubah text yg berwarna biru dengan URL page fans milik mu. 
jika ingin merubah warna background page fansnya kamu tinggal menggati code yg berwarna ungu dengan kode warna yg kamu suka...
NB : Jika ada masalah silakan tinggalkan komentar. :)



~Selamat Mencoba~
Diposting oleh — Minggu, 28 Oktober 2012

Belum ada komentar untuk "Cara Membuat Fans Page Keren di Blog"

Berikan Tanggapan mengenai Artikel Di Atas :

Join this site
Join this site
Join this site
Join this site

Join This Site

Arsip Blog

cyb3rTemplate Re-Designed by : Dwi Aji