Cara menyembunyikan Like Box Fan Page FB di Blog

Bagi blogger yang mempunyai like box fan page facebook sendiri, dan yang pastinya ada begitu banyak cara yang digunakan para blogger untuk menempatkannya pada blog masing-masing. Biasa ada yang meletakkannya di sidebar blog, Tapi untuk kali ini DHF akan share tentang cara menyembunyikan facebook fan page ditepi blog anda

Contoh tampilan Like box fan page fb.

Langkah - langkah sembunyikan Fb fan page adalah seperti di bawah.

Langkah 1:

Dari dashboard > design > edit HTML
Menggunakan fungsi find, (ctrl + F), cari kode </head>
Copy dan paste kode di bawah SEBELUM kode </head>

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

Nota: Jika anda dapati kode di atas sudah ada sebelum anda copy paste, abaikan aja langkah 1, terus menuju ke langkah 2.

Setelah itu klik Save Template

Langkah 2:

klik Dashboard
Pilih Rancangan
Pilih Edit Laman
Tambahkan Gadget/Add Gadget => HTML/JavaScript
Lalu Copy Script berikut

<script type='text/javascript'>
 //<![CDATA[
$(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">
    <div> KODE IFRAME LIKE BOX FAN PAGE ANDA DISINI </div>
</div>

Simpan dan lihat hasilnya

Sekian share tentang Cara menyembunyikan Like Box Fan Page FB di Blog Semoga bermanfaat.
Dan jangan lupa titip komentarnya.

❖ Cara menyembunyikan Like Box Fan Page FB di Blog

Posting Komentar