Cara Membuat Kotak Script Di Postingan Blog

Kotak script biasanya digunakan untuk memasukan kode script kedalam kotak agar terlihat lebih rapi. Kotak script ada yang berbentuk kotak biasa dan ada juga yang berbentuk kotak beserta dengan scroll.

Untuk membuat kotak script caranya adalah:

1. Login ke blogger kalian, kemudian buat entri baru.
2. Buat tulisan "kotak script" seperti ini:
   
3. Klik HTML dan masukan kode berikut ini tepat dibawah tulisan "kotak script".
   <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
   
   text-align: left;">
   
   .Klik Disini.</div>
   Untuk lebih jelasnya lihat gambar berikut:
   
4. Langkah selanjutnya klik Compose, maka akan muncul kotak script dibawah tulisan "kotak script".
   
5. Klik didalam kotak tersebut kemudian hapus tulisan "Klik Disini" dan masukan kode script yang ingin kalian masukan ke dalam kotak tersebut. Selesai sudah..!!

Keterangan Kode:

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;

text-align: left;">

.Klik Disini.</div>

1. Border: 3px  =  Ketebalan kotak script.
2. #1780dd  = Warna kotak script.
3. Double  =  Bentuk kotak, bisa diganti dengan "Dashed atau  Dotted".
4. Padding:10px  =  Panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
5. Background-color:ffffff =  Warna dalam kotak.
6. Dan Text-Align: Left = Posisi tulisan didalam kotak di kiri.

Jika kalian ingin membuat bentuk kotak beserta dengan scroll, dibawah ini adalah contoh kotak dengan scroll berikut dengan kode script nya:

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

Untuk cara memasang kotak beserta scroll, caranya sama.



Silahkan baca juga artikel:
- Cara Agar Postingan/ Artikel Blog Tidak Bisa Di Klik Kanan.
- Cara Agar Postingan/ Artikel Blog Tidak Bisa Di Copy Paste.

About Blogger

Related Post