CARA MEMBUAT KOTAK CODE SCRIPT DALAM POSTINGAN BLOGSPOT

Selamat malam sobat blogger...

Pada Kesempatan kali ini saya akan memberikan tutorial tentang cara membuat kotak code script dalam postingan blogspot. kotak ini dibuat di dalam postingan dengan tujuan untuk membedakan antara scripts dengan tulisan, sehingga nanti postingan blog kita akan kelihatan rapi dan teratur. Kalau belum bisa membayangkannya, di bawah ini adalah contoh kotak code script yang ada di blog ini :

Kalau sudah bisa membayangkan, di bawah ini saya lanjutkan ke tutorial "Cara membuat kotak code script dalam postingan blogspot"-nya.

Ikuti langkah-langkah dibawah ini :
1.  Login akun blogger
2.  Anda Pilih Template >> Edit HTML
3.  Cari kode ]]></b:skin> (Gunakan Ctrl + F, untuk mempermudahkan pencarian)
4.  Copy kode dibawah ini dan Paste tepat diatas kode ]]></b:skin>

/* http://tgkboy.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}

Note : Silakan rubah tulisan berwarna di atas dengan kode warna yang anda inginkan
          Merah = warna tulisan, 
          Biru    = warna latar tulisan, 
          Ungu   = warna border kanan-atas-bawah
          Kuning = warna border kiri.   

5.  Kemudian save atau simpan Template
6.  Selanjutnya sebelum kita menulis Script pada postingan, tambahkan kode berikut :

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

Penting : 
Kode yang ingin dimasukkan ke kotak code script harus di convert terlebih dahulu. Untuk meng-convert code Scipt/HTML, silahkan lihat caranya di sini : Cara meng-convert kode script/HTML

Demikianlah tutorial singkat ini, selamat mencoba dan semoga bermanfaat.