Kotak Kode HTML di Posting Blog

Cara Membuat Kotak (Kolom) untuk Menyimpan Kode HTML/Javascript di Posting Blog

JIKA membuat posting untuk berbagi kode HTML/Javascript, maka sebaiknya menggunakan Kotak Kode HTML agar kode tersebut mudah dibedakan dengan teks tulisan.

Kotak Kode HTML ini juga bisa digunakan untuk highlight alinea atau membuat "kutipan" (quote).

Ini Kodenya:

<div style="border: 1px solid #ddd; padding: 10px; background-color: #f2f2f2; text-align: left;">
Kode Script Anda Di Sini
</div>

Penampakannya nanti akan seperti ini:

Kode Script Anda Di Sini

yang sudah diisi kode akan seperti ini

<div style="border: 1px solid #ddd; padding: 10px; background-color: #f2f2f2; text-align: left;">
Kode Script Anda Di Sini
</div>

Cara menggunakannya:
1. Klik Mode "HTML"
2. Copy & Paste kode tersebut
3. Klik Mode "Compose"
4. Masukkan kode HTML/JavaScript

CATATAN:
Sebaiknya kodenya disimpan atau disiapkan di Notepade untuk dicopas ke kotak kode tersebut. Good Luck!
Warna latar (background) #f2f2f2 dan warna border #ddd; bisa diubah sesuka hati. (Lihat Kode Warna HTML).

Posting Komentar

- Gunakan kata-kata yang baik, sopan dan santun
- Komentar yang berbau SARA, Pornografi, Pelecehan dan Kekerasan dilarang keras
- Dilarang Anonymous dan SPAM! Berkomentarlah yang berkualitas

Emoticon
:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

MKRdezign

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget