Cara Memasang Widget Like Box Fan Page Tersembunyi di Blog

Cara Memasang Widget Like Box Fan Page Tersembunyi di Blog

anda yang ingin tetap memasang fan page facebook auto hiden ini di blog saudara, silahkan ikuti panduanya di bawah ini:

Tahap Pertama: 

• Login dengan akun blog saudara
• Masuk menu TEMPLATE--> Edit HTML
• Cari kode </head>
• Gunakan Ctrl+F atau F3 untuk mempermudah mencari kodenya
• Letakan kode 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 kode tersebut sudah ada di blog saudara, maka hiraukan tahap ini dan lanjut ke tahap berikutnya

• Klik Simpan

 Tahap Kedua:

• Masuk ke menu TATA LETAK
• Klik tambah gadget, lalu pilih HTML/Javascript
• Masukan kode 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://raraswurimiswandaru.blogspot.com/2013/08/selamat-hut-kemerdekaan-republik.html?spref=fb") 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/page.raraswurimiswandaru&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://raraswurimiswandaru.blogspot.com/2013/08/cara-memasang-widget-like-box-fan-page.html ">Tutorial Here</a></span></div></div>

Posted in: Knowledge