Membuat Kotak Kode Script HTML/Javascript di Dalam Posting Blog

Kotak Kode Script HTMLCara 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:



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. Good Luck & Happy Blogging! (http://www.contohblog.com).*

Labels: Desain Blog
24 Komentar untuk "Membuat Kotak Kode Script HTML/Javascript di Dalam Posting Blog"

Makasih ya sob. Ini yang aku cari selama ini.

Sama-sama, semoga bermanfaat....

bagus gan tapi yang malah yang pakek textera itu,hehe
kunjungi balik gan di on3tutorial :-)

ini yang biasa gan, buat lagi kotak yang tampilannya keren dong ..

Articel yang bagus , sangat bermanfaat bagi saya yang masih pemula, ijin terapkan di blog saya ya...terima kasih :)

Masih ga mudeng gan,,kode teks area nya ko langsung berbentuk kotak ya

makasih gan..postingan ane tentang pemrograman jadi terbantu nih.

ada nya di mana si,,,? bukan sekedar begitu,,,, tapi wibe site yg bisa merubah semua jadi scip,,, contoh music jadi scrip

ini dia yang saya cari gan trmksh,,,, sngat membantu dan akan saya coba ya gan :)

Akhirnya ketemu juga cara membuat tulisan kode HTML utk di cantumkan pada content Blog ini.. Mantap Mas Bro..
Kami tunggu terus content dari CB selanjutnya

trima kasih ..amat baik buat pengetahuan saya

Thanks gan tuk infonya..... Sangat membantu bgt gan...

Terima kasih banyak kak. saya dapat ilmu baru lagi...

tempat belajar yang bagus.
Terima kasih banyak Om

Kalau yang otomatis ada gak ya ? seperti template2 yang di buat oleh para master blogger. biasanya langsung otomatis

pertanyaan anda sudah anda jawab sendiri, jadi... selamat jika anda sudah menemukannya :)

sama-sama pengunjung :)

Terima kasih ya, tutorialnya sangat membantu ^^

terima kasihh ..sangat membantu..

1. Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul.
2. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *