Posts

Showing posts from August, 2015

Membuat Kotak HTML Style

Image
Kotak Style Berbagai Kegunaan, bisa untuk Quote, Border isi postingan blog, kotak untuk menampilkan script, dan banyak lagi deh.. contoh: berikut kode html-nya: <div style=" border: 3px # 990000 Double ; padding: 10px;background-color:#ffffff; text-align: left;"> .Klik Disini. </div> Keterangan: border: 3px = ketebalan kotak script. dan # 990000 = warna kotak script. Double; = Bentuk kotak, bisa diganti dengan, Contoh dan Kode yang lainnya: inset: <div style="border: 3px #990000 inset; padding: 10px;background-color:#ffffff; text-align: left;"> .Klik Disini. </div> Dashed: <div style="border: 3px #990000 dashed; padding: 10px;background-color:#ffffff; text-align: left;"> .Klik Disini. </div> Dotted: <div style="border: 3px #990000 dotted; padding: 10px;background-color:#ffffff; text-align: left;"> .Klik Disini. </div> Double: <div style="border

Membuat Slide Gambar dan Teks sekaligus

Image
Berawal dari kebutuhan, ya semua itu karena kebutuhan seh, hehehe... slide gimana caranya agar membuat slide teks dan gambar berjalan sekaligus. ilmunya ane dapat dari dynamicdrive , untuk demo ane gunain disini gan.. untuk pengembangan slide dan fungsi lainnya, ane belom coba gan, maklum masih newbie gan. masih banyak belajar script nih. sementara ini dulu yah. Demo Penampakannya begini nih:  Cara nya begini: Log in ke akun blog agan Klik Layout. Add Gadget sesuai posisi dimana yang agan inginkan. Tambah "HTML/JavaScript " Masukkan Kode Berikut: <style type="text/css"> /* All Styles Optional */ * { font-family:arial; font-size:10pt; } div#show3 { background-color:#efefef; width:140px; margin:0 auto; border:1px solid #444444; } div#show3 table td, div#show4 table td { height:24px; background-image:url('38.gif'); } div#show4 table td { background-image:url('40.gif'); } div#show3 table input,