Membuat Kotak Kode Script HTML/Javascript di Dalam Posting Blog

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

Related Posts

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

terima kasihh ..sangat membantu..

Terima kasih ya, tutorialnya sangat membantu ^^

sama-sama pengunjung :)

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

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

tempat belajar yang bagus.
Terima kasih banyak Om

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

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

trima kasih ..amat baik buat pengetahuan saya

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

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

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

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

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

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

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

siip... thank you

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

Sama-sama, semoga bermanfaat....

Makasih ya sob. Ini yang aku cari selama ini.

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 *