Pages

2 Juli 2012

Cara Membuat Facebook Like Auto Hide Di Blog

Facebook adalah sarana paling efektif untuk usaha online, mencari pembaca blog, dan lain-lain.
karna melalui facebook orang dapat mengetahui produk yang kita jual, blog kita dan lain-lain.
biasanya kita membuat suatu halaman khusus di facebook yang sering di bilang sebagai halaman fans page/fans penggemar dan lain-lain lagi.
seperti pada blog ini yang memiliki halaman fans page di facebook, nah yang kita bahas kali ini bukanlah tentang cara membuat halaman fans page di facebook karna dulu blog ini pernah membahasnya di Cara Cepat Membuat Halaman Fans Page di Facebook, tapi yang akan kita bahas kali ini adalah Cara Membuat Facebook Like Auto Hide Di Blog, sobat psti tau kan maksudnya kalo tidak tau sobat bisa lihat sendiri di gambar, atau melihatnya di bagian samping kanan blog ini(jika blog ini masih menggunakannya).
Cara Membuat Facebook Like Auto Hide Di Blog tidak jauh beda dengan Cara Membuat dan Memasang Like Box Facebook di Blog, bedanya cara ini agar facebook box like fans page kita terlihat lebih menarik dan tidak terlalu memakan banyak tempat di blog kita, ehm pasti udah pada ngertikan kan sob?!?
oke jika sobat berminat dengan memasasang facebook like auto hide di atas, sobat bisa ikuti langkah-langkah berikut::
1.Pertama-tama silahkan sobat login ke blog sobat.
2.Pada Menu tab klick Rancangan ➮ Edit HTML
3.Pada kotak Edit Template cari kode <head>
4.Jika sudah ketemu sekarang letakkan kode berikut tepat di atas kode tadi


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

5.Sekarang simpan template.
6.Sekarang kembali klick Rancangan ➮ Tambah Gadget ➮ Pilih HTML/Java Script.
7.Copy kode script berikut dan letakkan di dalam Gadget kotak HTML/Java Script tadi,

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".bdslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.bdslikebox{background: url("http://img803.imageshack.us/img803/2919/bdfacebookbadge.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%;}
.bdslikebox div{border:none;position:relative;display:block;}
.bdslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.bdslikebox span a{color: gray;text-decoration:none;}
.bdslikebox span a:hover{text-decoration:underline;}
</style>
<div class="bdslikebox" style="">
    <div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/HidayatKusumadiningratblogspotcom&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><a href="http://www.rsc-team.com/2012/06/cara-menambah-static-facebook-popup.html">Trik Blog</a></span>
    </div>
</div>

Ganti kode yang berwarna merah dengan ID Fans Page sobat ID tersebut diperoleh dari URL Fans Page sobat misalnya URL Fans Page blog ini adalah https://www.facebook.com/HidayatKusumadiningratblogspotcom Yang saya cetak tebal adalah Id Fans Page.
 Slamat mencoba.. semoga berhasil :)

4 komentar:

Blog Dofollow dan di mohon Berkomentarlah yang sopan supaya tidak menjadi Spam, Terima kasih.

PLEASE COMMENT YANG SOPAN

DAFTAR ISI BLOG INI