Membuat menu slid-box | Tips blogger
Mau tampilan slid-box seperti blog saya seperti yang ada tulisan "Don't Forget Click "LIKE" ^^" itu lhooo?? hehe... mau mau mau?? Cara bikinnya gampang kok temen-temen....
- Buka Layout Page Element dan Klik add gadget, kemudian pilih HTML/javaScript
- Selanjutnya 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/AVvXsEjFQT6QAAQRlPJas2tXLXEw4cQrNlUIz7IXIgVYVnEBIgR-q_LsAWkVhbeBnvE9x4ETjfD8i9CuOiXlJwk1o5kNlorWZfzaTjQ9yNnscrbU2d_2H0rPAO9WYLmIqX2lSP0GTkgz3g224qe7/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 -->
- Save dan lihat hasilnya....
No comments