Cara Memasang Fanspage Facebook Auto Hidden pada Blog

Oleh Chairil Kaka

Saturday, 1 December 2012

Bagikan :

Tweet

salam super setelah lama saya tidak posting karena modem habis masa hehe. kalai ini saya akan memuat sebuah postingan yg membahas tentang bagaimana cara memasang fans page facebook auto hidden di blog contohnya seperti yang ada pada gambar diatas atau lansung saja liat di blog saya mudah-mudahan tidak menganggu sobat.
jadi kita lansung saja kita ikutin tutorialnya berikut ini

langkah pertama:

1. masuk ke blogger sobat
2. klik Template
3. klik Edit HTML, kemudian lanjutkan jangan lupa centang
4. cari (tekan ctrl+f untuk memudahkan pencarian) kode </head> setelah ketemu pastekan kode dibawah ini tepat diatas kode </head> tersebut:

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

     5. klik Simpan Template

langkah kedua

1. setelah masuk ke blogger
2. klik Tata Letak
3. add gadget dan pilih html/javascript
4. lalu copy kode dibawah ini dan pastekan ke kolom html/javascript tadi :

<script src="http://infonetmu.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script><div id="fbslidebox" style="position: fixed; width: 330px; overflow: hidden; bottom: 20px; right: 10px; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQc58JUYTGjy0qg7pTsFqKJelnQjzaB5cEv94stGXmZw5jS4t1xF0vHLTaE6FYGAbyZ30DQ-u3pirQbC67tJ54SfMza_kQzHJ597DOU1x2-tjTf6J6LRo1_VSoXNCtncy1_ypw53o8toA7/s0/bo-bg-html.gif&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=4155701203275692831#">Exit</a>
<strong style="color: rgb(102, 173, 61);">Jangan Lupa Klik Like Ya</strong>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FInfonetmu&amp;width=300&amp;height=290&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=ff0000&amp;stream=false&amp;header=true&amp;appId=287998221248983" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="true"></iframe>
</div></div>

Ganti kode yang berwarna merah dengan kode frame yang kamu dapat saat membuat fanpage facebook, buat yang belum punya kode warna merah tersebut silahkan menuju facebook dan buat fanpage dulu, maka nanti akan diberi kode itu.kamu juga bisa mengatur lebar dan tinggi kotak tersebut dengan menambahkan kode css seperti pada yang berwarna hijau diatas.

selamat mencoba semoga bermangfaat
html from imfonetmu.blogspot.com

Tag : Tutorial Blogger