Cara Membuat Fans Page Facebook Auto Hide

Print Friendly and PDF


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.
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 :)
Previous
Next Post »

WARNING..!! Etika BERKOMENTAR di Blog all's well :

a. Gunakanlah Perkataan yang Baik, Ramah dan Sopan
b. Komentar SPAM akan all's well HAPUS setelah direview
c. Komentar NEGATIF & RASIS akan Segera di HAPUS
d. Dilarang Menambahkan "LINK AKTIF" dalam Komentar

Note: "ANDA SOPAN KAMI PUN SEGAN" (all's well) ConversionConversion EmoticonEmoticon

Our Gallery