Jasa SEO 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

Labels: Desain Blog, Posting Blog

Thanks for reading Kotak Kode HTML di Posting Blog. Please share...!

0 Comment for "Kotak Kode HTML di Posting Blog"

Spammy comment and live link will not be published. Good comment will encourage reader to visit your profile and blog.

Back To Top