Cara Membuat Slide Box Melayang di blog
Hai sobat, yuk kita percantik blog kita dengan memasang Slide Box melayang. Biasanya sih di isi dengan Fans page FB kita, twitter, atau apa saja yang ingin anda tampilkan saat pengunjung pertama kalinya mengunjungi blog anda. Nih penampilannya kayak gini...
Langkah-langkahnya sebagai berikut:
1. Masuk Akun Blogger Anda
2. Buka Layout
Page Element dan Klik
add gadget, kemudian pilih
HTML/javaScript
3.
Kemudian tempatkan kode berikut :
<!--Slidbox -->
<script type="text/javascript" src="http://marewainfo.googlecode.com/files/slidboxordinary.js"></script>
<div style="position:fixed; width:342px; overflow:hidden; bottom:20px;
right:10px; display:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8YXNBJXaS8k0k4qauKKhBF7drHQJoAHVJpJP6l6VCS4yBXbbuSoy7BUsILG6WFuSOrVY22RxpzHe8oTslOPu2FVsbzMSRaCTXNZDqIV81qGqAGgId7f_oVxE1FZfU8feitD6fZ9K_Vo8t/s0/bo-bg-html.gif)
repeat; -moz-border-radius:15px; -webkit-border-radius:15px;
border-radius:15px; border:2px solid #111111;" id="fbslidebox">
<div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;">
<a href="#" style="float:right; color:#999; padding:0 3px;
border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>
<strong style="color:#66ad3d;">Untuk Judul Slid-Box</strong>
//Tempatkan apa saja yang sobat inginkan (gambar,script, facebook dan lain-lain//
</div></div>
<!--Slidbox end -->
4. Simpan
Untuk DEMO silahkan lihat sendiri di blog sahabat kita:
http://caritahuku.blogspot.com
Semoga bermanfaat...
