Cara Membuat Kotak Kode Script Di Dalam Artikel

Gudang Ilmu - Membuat blog tutorial tentunya kita harus menyertakan Script HTML/JavaScript Bukan ?
Nah, untuk menyertakan script tersebut tidak bisa langsung di tulis, karena itu tidak akan terbaca sebagai teks. Solusinya adalah membuat kotak dan memasukkan Scriptnya didalam kotak tersebut.
Yuk Simak Cara Membuat Kotak Kode Script Di Dalam Artikel.

1. Buatlah Artikelnya, dan disaat ingin ingin memasukkan script HTML/JavaScript, Pilih Mode HTML dan Masukkan Kode dibawah ini.

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

dan Kembali lagi ke Mode Compose untuk menulis scriptnya, dan hasilnya akan seperti ini :

Kode Script Anda Di Sini

untuk warna latar belakangnya, anda bisa mengganti warnanya dengan warna html pada Tulisan yang saya merahkan.
Jika anda ingin kotak yang lebih simple bisa memakai kode di bawah ini

<div align="left">
<textarea cols="70" name="code" rows="6">
KODE HTML ANDA DI SINI

</textarea>

dan hasilnya :


cara mudahnya :


  1. Tuntaskan dulu posting Anda di mode Compose.
  2. Ketika akan menulis bagian memasukkan kode HTML, lewati dulu, kasih tanda dimana anda ingin menaruh kotaknya
  3. Setelah selesai, klik mode HTML
  4. Masukkan kode untuk kotak kode HTML 
  5. Klik lagi mode Compose
  6. Masukkan kode HTML yang sudah disiapkan ke dalam kotak yang sudah jadi.

Sungguh Mudah Bukan ?
Selamat Mencoba



artikel ini berasal dari :
0 Comments

Post a Comment

Komentar Dimoderasi. Silahkan Tinggalkan komentar yang berkaitan dengan topik dan judul.
Komentar yang menyertakan iklan, pornografi dan semacamnya akan dihapus atau dianggap spam.

Catatan :
- Komentarlah dengan bijak.
- Jika Ingin Menyertakan Link Aktif, Silahkan Komentar Melalui Facebook.