Cara Memasang Widget Like Box Fan Page Tersembunyi Di Blog
Cara Membuat Facebook Fan Page Auto Hiden (Tersembunyi) di Blog. Seperti yang sudah saya katakan pada artikel-artikel saya sebelumnya. Dengan memasang fan page saudara di blog, maka fan page dan blog saudara pengunjungnya akan lebih meningkat dan sebelumnya.
Namun berbeda dengan script fan page sebelum-sebelumnya, script fan page kali ini mempunyai fitur auto hiden atau tersembunyi di samping layar blog saudara. Selain itu widget ini akan muncul tanpa saudara klik terlebih dahulu, widget fan page ini akan membuka secara otomatis bila anda mengarahkan/meletakan kursor maouse pada widgetnya.
Cara Memasang Widget Like Box Fan Page Tersembunyi di Blog
Namun sebelumnya, bagi saudara yang ingin memasang fan page facebook di blog dengan style yang standar-standar saja, atau pun ingin memasang fans page yang melayang di blog saudara, Tetapi buat anda yang ingin tetap memasang fan page facebook auto hiden ini di blog saudara, silahkan ikuti panduanya di bawah ini:
- Login dengan akun blog saudara
- Masuk sajian TEMPLATE--> Edit HTML
- Cari kode </head>
- Gunakan Ctrl+F atau F3 untuk mempermudah mencari kodenya
- Letakan instruksi berikut di atas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Tambahan: Jika anda menemukan instruksi tersebut sudah ada di blog saudara, maka hiraukan tahap ini dan lanjut ke tahap berikutnya
Related
- Klik Simpan
- Masuk ke sajian TATA LETAK
- Klik tambah gadget, kemudian pilih HTML/Javascript
- Masukan instruksi 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="https://mastahshare.blogspot.com/search?q=membuat-fan-page-auto-hiden-di-blog">Tutorial Here</a></span></div></div>
Catatan: Silahkan anda ganti instruksi berwarna merah dengan alam/url fan page facebook saudara.
Sumber https://www.gratistutorial.me/
