Cara Membuat Kotak Text Dalam Posting

Mungkin post yang membahas hal ini sudah banyak sekali dijumpai di blog-blog yang lain, namun tidak ada salahnya kalau saya juga men-share kan Cara Membuat Kotak Text Dalam Posting.Hal ini biasa dilakukan untuk menuliskan kode/script HTML dalam post agar terlihat lebih jelas mana yang text mana yang script. Dan tentu saja bisa mempercantik tampilan blog kita...

Oke langsung saja
1. Masuk ke  blog Anda.
2. Pilih Template-->Edit HTML dan centang Expand Widget Template
3. Copy kode berikut:

.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} 

4. Paste tepat di atas kode ]]></b:skin>

5. Simpan template dan mulai membuat post,,

6. Jika ada text yang ingin anda masukkan ke dalam kotak, gunakan kode berikut:

<p class="alert"> text anda </p>

ganti text anda dengan text yang ingin anda masukkan ke dalam box,, Anda juga bisa mengatur format box dengan mengganti kode warna background, panjang, lebar dan border sesuai kenginan anda.


    Note: saat menggunakan kode diatas pastikan Anda memilih Mode HTML bukan Compose,, agar kode di atas dibaca server sebagai kode HTML bukan text,,,


Sebaliknya jika Anda ingin menampilkan kode html sebagai text, Anda harus menuliskannya di Mode Compose. Cara memilih Mode ada di atas-kiri kotak body post. Lihat gambar saja biar jelas...

Gambar di atas adalah saat mode compose aktif

Gambar di atas adalah saat mode HTML Aktif

oke selamat mencoba...

Cara Membuat Kotak Text Dalam Posting 2012-05-03T00:58:00+07:00 Rating: 4.5 Diposkan Oleh: D.Priyanto