Saturday 25 April 2015

Cara Membuat Kotak Script dengan Scroll

Pada kesempatan ini NTechno akan mencoba membagikan bagaimana caranya membuat kotak script atau yang sering disebut border box dengan menggunakan scroll yang lebih simple tentunya .
Untuk itu langsung saja simak tutorial lengkap dari NTechno :

1. Masuk ke Posting Blog
2. Pilih ke modem " HTML"
3. Masukkan script dibawah ini ke dalam modem HTML di postingan kamu .

<div style="border: 3px #eeeeee solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 90px; width: 500px;
text-align: left;">
.kode script disini.</div>


4. Lalu langsung ubah dari mode HTML ke Compose .

Keterangan : 

 Solid = bentuk garis - garis pada border box
MODEL tersebut bisa anda ganti dengan ; Double , Dashed , Dotted , Groove, Inset , Outset , Ridge

background-color:#ffffff; = menjelaskan tentang warna background yang anda gunakan pada border box tersebut , #ffffff bisa diganti dengan warna kesukaan mu , silahkan Cek Kode Warna

height: 90px = ukuran tinggi pada border 
width: 500px = ukuran lebar pada border

5. Selesai

LEBIH LENGKAP NYA LIHAT VIDEO TUTORIAL BERIKUT :


Cara Membuat Kotak Script dengan Scroll


Masukan email Anda untuk Dapatkan Update terbaru dari Newbie Techno.Gratis!
Share this article to your friends