Cara membuat kotak script di posting blog

Kotak script di gunakan untuk memasukan kode script,dan kegunaan kotak script sangatlah penting agar terlihat rapi dan tidak memakan banyak tempat.Kotak script ada yang berbentuk sederhana ada juga bentuk kotak script sederhana dengan menambahkan scroll  dan masih banyak yang lainnya>

Yang akan saya terangkan di sini adalah :

1. Membuat kotak script sederhana
2. Membuat kotak script dengan scroll

A. Untuk pertama saya akan membahas cara membuat Kotak script sederhana

• Login  ke blogger
• Pilih entri baru
• Di entri baru ada compose dan HTML

Untuk membuat kotak script sederhana anda harus klik HTML untuk memasukan kode script

masukan kode script di HTML di bawah ini

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
masukan kode script di sini</div>

• Setelah anda memasukan script di HTML silahkan kembali ke Compose dan lihat apakah sudah benar memasukan kode script kotak jika benar akan sama dengan di bawah ini

B. Itu script untuk kotak sederhana dan selanjutnya adalah membuat kotak script sederhana dengan scrool

• Login  ke blogger

• Pilih entri baru

• Di entri baru ada compose dan HTML

Untuk membuat kotak script sederhana denga scroll anda harus klik HTML untuk memasukan kode script

masukan kode script di HTML di bawah ini 

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

overflow: auto; height: 50px; width: 300px;
text-align: left;">
masukan kode script di sini</div>

• Setelah anda memasukan script di HTML silahkan kembali ke Compose dan lihat apakah sudah benar memasukan kode script kotak jika benar akan ada tombol scroll di kanan gambar.

Catatan (Hapus warna merah masukan kode script di sini dengan kode script yang anda akan masukan)

Keterangan script kotak sederhana

• border : 3px adalah ketebalan kotak script sedangkan #1780dd adalah warna kotak
• Double; adalah bentuk kotak bisa di ganti dengan

1. Dashed
2. Dotted
3. Double
4. Groove
5. Inset
6. Outset
7. Ridge

• Padding:10px adalah panjang kotak ke bawah, untuk lebarnya otomatis
• Background-collor:ffffff adalah warna dalam kotak
• text-align:left; adalah posisi tulisan berada di sebelah kiri

Keterangan script kotak dengan scroll

• overflow:auto; adalah fungsi scrool
• height adalah tinggi kotak
• width adalah lebar kotak

Mungkin sekian saja artikel dari saya tentang Cara membuat kotak script di posting blog,semoga bermanfaat

Tweet