Tips Membuat Script di dalam Kotak

Metro, stupidsensei.blogspot. Kotak script pada postingan pasti sering kita jumpai dalam artikel-artikel tips blog, ini seringkali digunakan untuk membedakan antara script dan tulisan artikel pada postingan agar terlihat rapi sehingga memudahkan pengunjung mengcopy script yang telah disediakan. 

Seperti gambar dibawah ini : 

Untuk membuat kotak script pada postingan yang cantik seperti di atas sobat blogger bisa mengikuti langkah-langkah di bawah : 

1. Login akun blogger 
2. Anda Pilih Template > Edit HTML > klik Expand Template Widget 
3. Cari kode  ]]></b:skin>
4. Copy kode dibawah ini dan Paste tepat diatas kode   ]]></b:skin>

/* http://stupidsensei.blogspot.com/ ----------------------------------------------- */
.alert {margin: 10px 10px 10px 10px;
 padding: 10px 15px 10px 15px;
 line-height: 1.6em;color: #000000;
 background: #e0ffff; border: 1px solid #000000;
 border-left: 15px solid #000000}

1. Keterangan : Silahkan ubah tulisan warna hijau sesuai template blog 
2. Kemudian Simpan Template 
3. Selanjutnya sebelum kita menulis script pada posting, tambahkan kode berikut :

<p class="alert">
 Tulis Script Disini
 </p>

Selamat mencoba.

Artikel Terkait: