Cara Membuat Slide Like Fanspage Di Blog

Cara Membuat Slide Like Fanspage Di Blog - Selamat hari freeday sobat. Selamat hari sabtu. Hari ini, Fahmi Fanirius Blog akan membahas tentang yang bisa dibilang salah satu trik SEO untuk menaikkan trafik. Tutorial tersebut adalah Cara Membuat Kotak Like Fanspage Melayang Di Blog.

Pastinya sudah ngerti dan tau semua apa sih, fungsi seorang blogger membuat fanspage yang sering disebut FP di facebook untuk setiap blog yang mereka buat? Tujuan utama nya adalah untuk menaikkan dan memperkenalkan artikel blog mereka.

Tak hanya tombol follow saja agar pengunjung setia melihat update dari blog sobat yang mereka baca. Bisa saja dengan fanspage yang sobat buat khusus untuk blog sobat. Apalagi, pengunjung sobat pastinya lebih candu dan online di facebook daripada di google+ atau blogger yang dapat melihat setiap update artikel dari blog sobat melalui beranda facebook mereka. (Baca juga: Cara Memasang Tombol Follow Blog Dan Dashboard Di Blog)

Nah, tujuan untuk cara membuat like box fanspage di blog, untuk memperbanyak jumlah like dari fanspage sobat. Kalau blog sobat dibanjiri oleh pengunjung karena artikel atau post yang unik dan menarik untuk dibaca pengunjung, tentunya pengunjung tersebut akan tidak sabar untuk melihat artikel yang lebih menarik lagi untuk dibaca oleh mereka. Tentunya, pengunjung sobat me-like fanspage sobat melalui kotak slide like fanspage melayang yang sudah disediakan oleh sobat di blog sobat.

1. Login Blogger
2. Template
3. Edit HTML
4. Cari kode

 </head> 

(agar lebih memudahkan untuk mencari, klik kolom edit HTML, kemudian tekan secara bersamaan pada keyboard Ctrl+F)
5. Setelah ketemu, copast kode jQery dibawah ini. Letakkan kode dibawah ini tepat DIATAS kode </head>

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

*Keterangan: kode diatas merupakan kode jQuery. Jika kode jQuery sudah terpasang di blog sobat, maka tidak perlu dipasang lagi. Tanpa kode jQuery, widget ini tidak akan bisa tampil.
6. Tata letak/layout
7. Tambahkan gadget/add gadget
8. HTML/JavaScript
9. Copy kode dibawah ini kemudian paste pada kotak 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 Fanspage Sobat&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>

*Keterangan: ganti tulisan URL Fanspage Sobat dengan url dari fanspage sobat sendiri


Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ

Tutorial Blogger

Judul	Cara Membuat Slide Like Fanspage Di Blog
Deskripsi	Cara membuat slide like fanspage di blog yang dapat memperkenalkan fansage facbook Anda kepada pengunjung Anda.
Author	Google
Author Rating	92%/ 100% Suara Dari 2457 votes