Cara Membuat Fans page Facebook Di Blog Auto Hidden

Cara Membuat Fans page Facebook Di Blog Auto Hidden - Mengapa anda berada disini, karena anda menyukai blog ini bukan? Untuk yang kesekian kalinya anda akan bertemu dengan Blog Rudy Hartono, dimana pada topik kali ini yang akan membahas sebuah tutorial blogspot Cara Membuat Fans page Facebook Tersembunyi Di Blog. Pasti anda ingin memasang di blog anda setelah melihat gambar dibawah ini. Anda bisa simak juga postingan saya sebelumnya tentang membuat fanspage fb like box muncul jika ada kunjungan dan juga anda dapat melihat cara memasang fb like jacking, silahkan klik kedua link tersebut jika anda penasaran.

 kotak facebook fanspage ini yang jelas tidak akan mengganggu pengunjung dalam melihat isi blog anda karena kotak fans page facebook (fb) secara otomatis muncul dan sembunyi dan juga ada tombol exit supaya tidak muncul terus. Yuk kita mulai saja pada topik pembahasan bagaimana cara membuatnya di blogspot.

Cara Membuat Fans page Facebook Di Blog Tersembunyi yang auto hidden :
1. Login ke Blogger
2. Pilih Templates
3. Pilih Edit HTML
4. Centang Expand Template Widget

5. Cari kode </head> dan letakkan kode jquery dibawah ini tepat diatas kode </head>

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

6. Jika di dalam template anda sudah ada kode jquery, maka tidak usah lagi dipasang
7. Simpan dulu template anda

Langkah selanjutnya anda tinggal memasukkan pada widget dengan cara :
1. Pilih Tata Letak => Tambah Gadget
2. Pilih html/javascript
3. Kemudian copy dan paste kode dibawah ini :

<script src=" https://sites.google.com/site/blogrudyhartono/js/slidboxordinary.js" type="text/javascript"></script><div id="fbslidebox" style="position: fixed; width: 330px; overflow: hidden; bottom: 20px; right: 10px; background: url(&quot; http://1.bp.blogspot.com/-1xSq6y0PqdQ/UFPdSF3bWiI/AAAAAAAAGoY/TDZcwOk8X0E/s1600/bg-fb.jpg &quot;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 2px solid rgb(17, 17, 17); display: block;">
<div style="width: 320px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 3px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="http://www.blogger.com/post-create.g?blogID=2233714512413696391#">Exit</a>
<strong style="color: rgb(102, 173, 61);">Berikan 1 x Aja “Like”</strong>
<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id="FbCont">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var fb = document.createElement('fb:like-box');
fb.setAttribute("href","http://www.facebook.com/pages/Rudy-Hartono/361113843947888");
fb.setAttribute("show_faces","true");
fb.setAttribute("header","false");
fb.setAttribute("stream","false");
fb.setAttribute("width","300");
fb.setAttribute("font","segoe");
document.getElementById("FbCont").appendChild(fb);
//--><!]]>
</script>
</div>
</div></div>

5. Selesai lalu simpan

Keterangan :
1. Kode berwarna merah silahkan ganti dengan kode fanpage facebook anda.
2. Kode berwarna pink adalah lebar dan tinggi kotak fans page facebook auto hidden/tersembunyi

Nah silahkan dicoba saja jika anda ingin Membuat Fans page Facebook Di Blog Auto Hidden semoga bermanfaat, happy blogging.