Halaman

Cara Membuat Slide Box Melayang di blog

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/AVvXsEhzp6mHfzJHktzVyBtGl9lrzy-UIhS2QO7g3yFvO7LW6fCHzcRUqTTCkjZczgMxL5Lldh6YbIP-tOvlzwDtJ6OsmZ3woTEyT_k19p-hcZ6I_HWdTN5nexQ0Jo1F47IPgXkhwpCjXnTCdVX5/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 --> 

DEMO: Tentangkunyit 

Tidak ada komentar:

Posting Komentar