Cara Membuat Like Box Facebook Page di Samping Blog - Hallo sahabat Cara Blogger Beraksi, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Like Box Facebook Page di Samping Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tutorial Blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Like Box Facebook Page di Samping Blog
link : Cara Membuat Like Box Facebook Page di Samping Blog

Cara Membuat Like Box Facebook Page di Samping Blog

Banyak cara yang dilakukan untuk membuat tampilan Facebook Fan Page jadi lebih menarik, salah satunya dengan menampilkan Fan Page tersembunyi pada samping blog Anda. Tapi sebelumnya jika Anda belum mempunyai Facebook Fan Page, simak terlebih dahulu cara membuat like box facebook page pada blog.

Jika Anda sudah memiliki Facebook Page, langsung saja ikuti langkah berikutnya cara membuat like box facebook page di samping blog berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode </head> dengan menggunakan Ctrl + F.
4. Letakkan kode berikut diatas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

NB: Jika kode tersebut sudah ada pada template Anda, lanjutkan langkah selanjutnya.
5. Simpan template.

Kemudian kita lanjutkan ke langkah selanjutnya yaitu memasang facebook page pada samping blog :

1. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
2. Copy kode berikut ini pada 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("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 FACEBOOK PAGE ANDA&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://id-pemula.blogspot.com/">.: Pasang Widget :.</a></span></div></div>

Keterangan :
Ganti tulisan yang berwarna biru dengan URL Facebook Page Anda.
3. Simpan.

Nah, kini tampilan widget blog Anda jadi lebih bervariasi dengan adanya facebook page tersembunyi disamping blog.

Demikianlah Artikel Cara Membuat Like Box Facebook Page di Samping Blog

Sekianlah artikel Cara Membuat Like Box Facebook Page di Samping Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Like Box Facebook Page di Samping Blog dengan alamat link https://janejob.blogspot.com/2013/06/cara-membuat-like-box-facebook-page-di.html

ADS HERE !!!