Cara Membuat Slide Box Di Blogspot

Bismillah....pada kesempatan ini saya akan share cara membuat slide-box di blogspot, apa itu slide box? jika sobat sering berkunjung ke blog tetangga terus sobat menemukan ada slide di pojok bawah, nah mungkin itu yang dimaksud oleh saya.

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.

SCRIPT SLIDE BOX

 <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>
 ///Simpan apa saja yang sobat inginkan (gambar,script, link facebook atau yang lainnya//
        </div></div>

Oke sobat blogger sampai disini dulu cara membuat slide-box di blogspot semoga berhasil.. Good Luck Happy Blogging

Tweet

Subscribe to receive free email updates: