Cara Membuat Fans Page Facebook Auto Hide

Cara Membuat Fans Page Facebook Auto Hide - Facebook fans page sangat penting bagi kelangsungan blog kita. Karena dengan adanya fans page orang-orang bisa tahu tentang keberadaan blog kita. Facebook fans page juga bisa digunakan untuk mempromosikan blog ke jejaring sosial facebook, karena kebanyakkan orang menghabiskan waktu hanya untuk facebookan. Maka dari itu kita bisa memanfaatkan jejaring sosial ini untuk promosi blog kita.

Disini saya akan berbagi tutorial membuat fans page facebook auto hide, seperti punya saya yang ada disamping kanan. Sebenarnya widget fans page facebook ini sama dengan widget lainnya, hanya yang membedakannya adalah auto hide atau sembunyi otomatis. Kelebihannya adalah bisa menghemat ruang sidebar kita.

Berikut tutorial cara membuat fans page facebook auto hide:

1. Login ke blogger.com

2. Klik menu template/rancangan >> Edit HTML >> cari kode </head> (gunakan CTRL+F)

3. Letakkan kode berikut diatasnya

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

*Jika ditemplate sobat sudah ada kode tersebut, maka lewati saja tahap ini dan langsung ke tahap berikutnya

4. Save atau Simpan

Langkah Selanjutnya Lihat Di bawah ini:

1. Klik menu Layout
2. Klik Tambah Gadget/ add gadget
3. Pilih HTML/JavaScript
4. Copy dan paste kode berikut di dalam kotak HTML/JavaScript yang dipilih tadi.

<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/AVvXsEhwfrxA12vXgk8tdg3RGPrvXwUAVSS1H4BSWWX58Hj5e8Kx_VM3UfdKThKHUiPVMDh2DahuZwM7-8aO5pQo8VRtK3P5YQgRZogMP7TxcElL6PkA5cxzL2EqgnzCSL_dyBTpDhG1sqYcL6E/s1600/all.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=https://www.facebook.com/pages/Alls-well/612780535422768&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://aikonmedia.blogspot.com/2013/05/cara-membuat-fans-page-facebook-auto.html">Tutorial Here</a></span></div></div>

Ket:

• Ganti tulisan warna biru dengan URL fans page facebook sobat.
• Tulisan yang berwarna merah bisa di ganti dengan URL gambar yang sobat inginkan. Seperti punya saya yang ada dibawah ini.

5. Save atau Simpan. Lalu cek apakah sudah bisa.

Bagaimana..?? Mudahkan agan sekalian..!!

Semoga tutorial cara membuat fans page facebook auto hide ini dapat bermanfaat untuk sobat semuanya. Terima kasih, (Good Luck :)

• Tweet
• Share
• Share
• Share
• Share

About ansud-site

Terima Kasih Sobat alls well Atas Kunjungannya di Blog Sederhana Ini, Semoga Selalu Menginspirasi dan Bermanfaat Bagi Dunia Pendidikan Di Tanah Air Tercinta Indonesia.SALAM PENDIDIKAN

Related Post