Membuat menu Slid-Box

       Slid-Box ini hampir sama dengan widget dengan tampilan floating, tetapi pada widget ini tampilan yang akan muncul sedikit lain yaitu akan tampil atau bergerak/tampil dari kanan kekiri ketika halaman dari blog anda diarahkan ke akhir halaman dan akan tertutup secara otomatis ketika halaman di arahkan kembali keatas.

Sobat dapat menempatkan apa saja kedalam widget ini, Dan untuk membuat sangatlah mudah.

Buka Layout Page Element dan Klik add gadget, kemudian pilih HTML/javaScript

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/AVvXsEhYw2EAW2_-1P45Hx8wTV8qAYKDXSmDHGVCI9r3X8zbSajq3i4b7QjyVX1z_hvf9AQxGGyuaci-gOHRhPh35PI8-13k9z5lI4bQaQNwYZ_muN8K_vbw_IcQ8p_KYdcGUzgFV0RGlxxRPC7A/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 TEMPLATE Dan lihat hasilnya.


© Zxc9.blogspot.com 99%Copas Site | Blogger Tricx                                                           Special Thanks to