Cara Membuat Kotak Script Pada Postingan Blog [ Update 2018]

Membuat Kotak Script  pada informasi penting atau script codingan ini memang sangat menarik selain untuk memper jelas informasi mana yang termasuk penting juga memper indah tampilan . para blogger banyak yang menggunakan kotak seperti ini khususnya dan yang paling sering menggunakan yaitu pada blogger yang membahas tentang pemrograman atau yang berhubungan dengan coding .

Langkah - langkah

untuk membuat kotak script ini sangat mudah karena hanya beberapa langkah saja untuk membuatnya , untuk lebih mudah dan lebih jelas kiranya langsung praktek saja . pastikan simak dan ikuti langkah nya dengan cermat .

• Login dulu ke dasbor blogger 
• lalu pilih entri baru ( intinnya kita mau post artikel baru )
• copy script di bawah ini ( sekalian menjadi contoh)

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.delecerito.com (ganti tulisan ini).</div>

• kembali ke dasbor entri postingan anda 
• di sana ada pilihan Compose dan HTML , pada compose ini anda menulis tentang penjelasan atau artikel yang di buat

• setelahnya pilih HTML 
• pastekan script yang sudah anda copy tadi , terserah anda mau di letakkan dimana. (lihat gambar)

• setelah itu kembali lagi ke compose , dan lihat hasilnya ( lihat gambar)

itulah cara nya , sangat mudah bukan , mungkin anda ada yang tidak suka dengan tampilan kotak yang seperti di atas , maka edit sendiri , berikut ini penjelasannya :

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.delecerito.com (ganti tulisan ini).</div>

• border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
• Double : bentuk kotak. (kode ini bisa diganti dengan kode berikut atau juga bisa dihilangkan).
• padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
• background-color:ffffff; = warna dalam kotak.
• Dan text-align:left; = posisi tulisan didalam kotak di kiri 

kode bentuk kotak .delecerito.com (dashed). yang di dalam kurung dibawah ini 

.delecerito.com (dashed).

.delecerito.com (dotted).

.delecerito.com (groove).

.delecerito.com (inset).

.delecerito.com (outset).

.delecerito.com (ridge).

Penutup

itu lah cara dan penjelasan membuat kotak script , silahkan anda edit edit dan kembangkan sendiri , jika dirasa bermanfaat silahkan like dan mungkin ada kekurangan silahkan berkomentar , atau mungkin ada script lain yang dapat saya jadikan referensi selanjutnya ,atau  jika ada pertanyaan jangan sungkan untuk bertanya di kolom komentar ya  Terimakasih . delecerito  sumber:blogooblok

Tweet

Subscribe to receive free email updates: