Kotak Kode HTML di Posting Blog

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:

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

Kotak Kode HTML di Posting Blog

Thanks for reading Kotak Kode HTML di Posting Blog | Labels: Desain Blog edit this post
0 Komentar untuk "Kotak Kode HTML di Posting Blog"

Contact Form

Name

Email *

Message *