Cara Membuat Kotak Kode Script HTML/Javascript di Dalam Posting Blog ala contohblog

Cara Membuat Kotak Kode Script HTML, CSS, atau Javascript di Dalam Posting Blog

JIKA kita berbagi kode Hyper Text Markup Language (HTML), Cascading Style Sheet (CSS), atau JavasSript (bahasa pemrograman HTML dan Website), tentu kita harus menyertakan kode itu dalam postingan blog.

Biar mudah dicopy-paste oleh user, kita bisa membuat kotak (box) kode untuk meletakkan Script HTML, CSS, atau JavaScript itu di dalam posting blog.


Caranya, klik mode HTML, lalu masukkan kode berikut ini:


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


Lalu klik lagi mode Compose. Hasilnya akan seperti ini:

Kode Script Anda Di Sini

Anda bisa memodifikasinya sesuai dengan selera, misalnya border dan latar belakang warna (color background). Lihat: Kode warna HTML.


Kode kotak HTML lainnya:


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


Penampakannya:

KODE HTML ANDA DI SINI

Cara Mudahnya:
1. Tuntaskan dulu posting Anda di mode Compose.
2. Ketika akan menulis bagian memasukkan kode HTML, lewati dulu, kasih tanda, misalnya "KODE HTML DI SINI".
3. Setelah selesai, klik mode HTML
4. Masukkan kode untuk kotak kode HTML (Replace tulisan "KODE HTML DI SINI" yang dibuat tadi).
5. Klik lagi mode Compose
6. Masukkan kode HTML yang sudah disiapkan ke dalam kotak yang sudah jadi.


Demikian Cara Membuat Kotak Kode Script HTML, CSS, atau Javascript di dalam Posting Blog.

Semoga bermanfaat.

Sumber : http://www.contohblog.com/

Tweet

Subscribe to receive free email updates: