Cara Memasang Widget Slide Box Scroll Pada Blog

Cara Memasang Widget Slide Box Scroll Pada Blog | Setelah kemarin kita sharing Tutorial Blog mengenai Cara Menampilkan Foto Profil Pada Komentar Blog, pada kesempatan kali ini Saya ingin sharing satu lagi Tutorial Blog yang tidak kalah menarik, yaitu Cara Memasang Widget Slide Box Scroll Pada Blog.

Sobat Revan sudah pada tahu belum ya dengan widget yang satu ini? Itu loh, widget yang pernah di pakai pada blog ini, yang dijadikan tempat untuk memasang widget Fans Page Blog, yang akan otomatis muncul ketika pengunjung melakukan scroll ke bawah dan sembunyi lagi ketika halaman blog nya di scroll ke atas. Mungkin supaya tidak bingung Sobat bisa melihat contohnya disini.

Widget ini tidak hanya untuk memasang Fans Page Blog saja, melainkan bisa untuk berbagai macam hal lainnya. Untuk menggunakan widget ini tidak susah kok. Sobat cukup tambahkan script di bawah ini ke dalam template blog sobat. 

<div id="fbslidebox" style="position: fixed; width: 342px; overflow: hidden; bottom: 20px; right: 10px; background: url(&quot;http://1.bp.blogspot.com/_JUg9QsmKp5s/TORmQZAoYXI/AAAAAAAACAI/cLoCJMP1rGo/s000/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="#">Exit</a>
<strong style="color: rgb(102, 173, 61);">Anda Suka? Klik Like !!</strong>
<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border: medium none; overflow: hidden; width: 300px; height: 250px;" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/-RE-Creations-/167774389942139?ref=ts&width=300&colorscheme=dark&show_faces=true&stream=false&header=true&height=250"></iframe>
<script type='text/javascript'>
document.write(unescape('%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%79%6F%75%72%6A%61%76%61%73%63%72%69%70%74%2E%63%6F%6D%2F%31%32%31%31%36%31%31%31%31%33%37%2F%73%6C%69%64%62%6F%78%6F%72%64%69%6E%61%72%79%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));</script>
</div></div>

Berikut langkah detailnya.

1. Login ke akun blogger sobat masing-masing.
2. Masuk ke menu "Tata Letak".
3. Pilih "Tambah Gadget".
4. Lalu pilih "HTML/Javascript".
5. Masukan script di atas di dalam box tersebut dan klik "Save".
6. Selesai.. :)

NB: Ganti tulisan yang berwarna merah dengan objek yang akan Sobat pakai, seperti gambar, dsb. Di dalam contoh di atas Saya bermaksud ingin menempatkan widget fans page blog ini. Jika Sobat juga bermaksud sama, Sobat hanya perlu mengganti Tulisan yang berwarna biru dengan url halaman facebook Sobat.

Demikianlah Tutorial Blog mengenai Cara Memasang Widget Slide Box Scroll Pada Blog semoga bisa bermanfaat.