Membuat kotak script sederhana - Sederhana sih, tapi buat saya ini sangat berguna. Karena template blog ini jika saya pake quote pasti jadi berantakan, makanya saya bilang penting banget. He-he-he....
Untuk model kotak script sendiri ada 2 macam menurut saya yaitu, kotak script tanpa scroll dan kotak script dengan scroll. Sebenarnya buat apa sih kotak script ? Jika hanya sebagai penanda, kita juga bisa memakai tulisan miring, tulisan tebal atau tulisan berwarna. Kalau pendapat saya, kotak script memudahkan pembaca untuk fokus kepada apa yang ada di dalam kotak tersebut. Nah, kalau menurut anda ? ...... Silahkan di jawab nanti pas mau tidur. He-he-he
Langsung saja deh, kali ini saya akan berbagi cara membuat kotak script dengan scroll dan tanpa scroll. Tapi pelan-pelan bacanya ya .. . . soalnya sangat sederhana caranya, siapkan rokok - kopi - cemilan - istri kalau dah ada buat penyemangat di malam hari. He-he-he
Membuat Kotak Script Tanpa Scroll
1. Login ke akun Blog anda2. Buat artikel baru (entri baru)
3. Klik bagian HTML
<div style="border: 3px #011BFF Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Hapus dan ganti dengan selera anda.</div>
keterangan !text-align: left;">
.Hapus dan ganti dengan selera anda.</div>
- 3px = tebal garis tepi
- #011BFF = warna garis tepi
- Double = model garis tepi
- #ffffff = warna background
5. Lalu klik COMPOSE (sebelah HTML). Dan hapus tulisan .Hapus dan ganti dengan selera anda. dengan kode html atau kata lainnya.
Jika anda menghendaki kotak script yang ada scrollnya, silahkan Copy kode di bawah ini dan lakukan langkah-langkah seperti di atas.
Membuat Kotak Script Dengan Scroll
<div style="border: 3px #011BFF Double; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.Hapus dan ganti dengan selera anda.</div>
keterangan !overflow: auto; height: 50px; width: 300px;
text-align: left;">
.Hapus dan ganti dengan selera anda.</div>
- 3px = tebal garis tepi
- #011BFF = warna garis tepi
- Double = model garis tepi
- 50px = tinggi kotak
- 300px = panjang kotak
- #ffffff = warna background
DOUBLE
DOTTED
DASHED
GROOVE
INSET
OUTSET
RIDGE
Dengan menambahkan kotak script seperti di atas maka artikel kita akan kelihatan lebih rapi dan enak dipandang mata. Dan langkah-langkahnya juga sangat sederhana. Selamat mencoba.
+ komentar + 1 komentar
ok segera ane cob gan thanks
Post a Comment
- Maaf, komentar LINK AKTIV / IKLAN akan saya HAPUS
- Komentar sara / spam akan saya hapus
- Jika ada link gambar yang mati laporkan disini
- Berkomentarlah dengan bijak sesuai dengan artikel
- Komentar anda merupakan undangan buat saya