Kotak script di dalam postingan blog

Kotak script, digunakan untuk memasukan kode-kode script kedalam postingan blog, Agar terlihat rapi dan tidak memakan banyak tempat. Macam - macam kotak script yang dapat kita modifikasi yaitu

1. Berbentuk kotak sederhana
2. Berbentuk kotak dengan tambahan scroll, dan lain-lainnya.(alias banyak)

Kotak script juga bisa kita beri warna dibagian backgroundnya, dan juga border yang berbentuk kotak, bisa diatur bentuknya. Cara membuatnya...ayo kita kemon ke tkp:

Login ke blogger. Dan pilih entri baru.
Selanjutnya buatlah tulisan seperti dibawah ini

Klik tombol HTML untuk membuat kotak scriptnya. Maka akan muncul seperti ini.

Ini semua adalah hasil kode yang kita tulis di Compose tadi. Kode <br/> adalah baris baru saya buat, karena saya menekan Enter dua kali, maka kode <br/> ada dua.
Selanjutnya..masukkan kode Script dibawah ini DI ANTARA DUA KODE <br/>

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>

Sekarang Klik lagi Compose, maka akan ada kotak script. Contoh gambar:

Selanjutnya Klik di dalam kotak tersebut, dan hapus tulisan Klik Disini.

Terakhir, Masukan kode script yang ingin kamu masukan, didalam kotak itu. Selesai.

MODIFIKASI KOTAK SCRIPT : (berminat silakan lanjut membaca)

ini keterangan gambar tadi diatas :

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>

border: 3px = ketebalan kotak script

#1780dd = warna kotak script.

Double; = Bentuk kotak, bisa diganti dengan

dashed

dotted

Double

Groove

inset

outset

ridge

Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.

background-color:ffffff; = warna dalam kotak. 

Text-align:left; = posisi tulisan didalam kotak di kiri.

yoshh..demikianlah cara menaruh kotak script dalam postingan blog kita. Dengan cara ini, halaman posting akan terlihat lebih rapi dan tidak memakan banyak tempat tanpa harus mengurangi isi dari postingan kita.

Sumber: Google.com