Membuat Kotak Kode HTML di Posting Blog

INTRIK-GO : 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;">
Isi kodenya tuh Disini
</div>

Jadinya nanti akan terlihat 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;">
Isi kodenya tuh Disini
</div>

Cara menggunakannya:

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

Note :
1. Sebaiknya kodenya disimpan atau disiapkan di Notepade untuk dicopas ke kotak kode tersebut.

2. Warna latar (background) #f2f2f2  dan warna border #ddd; bisa diubah sesuka hati. (Lihat Kode Warna HTML disini).

Terimakasih atas kunjungannya, silahkan tinggalkan komentar yang positif dan tidak mengandung SARA, agar kita sama-sama menjadi bloger yang cerdas, dan berbudi, baik dan benar.

by : INTRIK-GO | Membuat Kotak Kode HTML di Posting Blog