Cara membuat Slide Box DiBlog


widget slide box




Oke sobat, jika sobat mau membuat slide-box di blogspot caranya mudah banget, oke untuk mebuatnya pertama sobat harus :
  • Login ke Blogger,
  • Terus sobat masuk ke area Rancangan/Design Blog,
  • Setelah itu terus sobat tambahkan gadget HTML/JavaScript,
  • Selanjutnya sobat Copy (CTRL+C) code di bawah ini dan masukan Vaste (CTRL+V ) ke area HTML/JavaScript,
  • Setelah itu klik tombol Save/Simpan dan lihat hasilnya.
Jangan Lupa Copas kode dibawah ini :

 <script type="text/javascript" src="http://bloggertutorial.googlecode.com/files/widget-slidebok.js"></script>

<div style="position:fixed; width:342px; overflow:hidden; bottom:20px; right:10px; display:none;background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));

background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));

background: -moz-linear-gradient(top, #000, #444);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; border:2px solid #111111;" id="lutfietutorial">

     <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="lutfietutorialclose">X</a>

         <strong style="color:#fff;">Judul Slide Box</strong>

 ///Ganti ini dengan cobasanasini ( apa saja )//

        </div></div>
Semoga berhasil dan jangan lupa tinggalkan komentar !!!!

2Coment :

  1. wah mantep neh, perlu banyak belajar sama mas bro, neh ajarin donk mendesain homepage blogku,

    BalasHapus
  2. @Ady Blink: maksaih sob,tenang kalo ada waktu nanti aku ajarin ,,,

    BalasHapus