Membuat Kotak Kode Script HTML/Javascript di Dalam Posting Blog
January 26, 2014
Cara Membuat Kotak Kode Script HTML, CSS, atau Javascript di Dalam Posting BlogJIKA 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>
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).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
Romeltea
Makasih ya sob. Ini yang aku cari selama ini.
ReplyDeleteSama-sama, semoga bermanfaat....
Deletebagus gan tapi yang malah yang pakek textera itu,hehe
ReplyDeletekunjungi balik gan di on3tutorial :-)
siip... thank you
Deleteini yang biasa gan, buat lagi kotak yang tampilannya keren dong ..
ReplyDeleteArticel yang bagus , sangat bermanfaat bagi saya yang masih pemula, ijin terapkan di blog saya ya...terima kasih :)
ReplyDeleteMasih ga mudeng gan,,kode teks area nya ko langsung berbentuk kotak ya
ReplyDeletemakasih gan..postingan ane tentang pemrograman jadi terbantu nih.
ReplyDeletemakasih gan...
ReplyDeletekeren banget dan pass...
Blog Personal Untuk Mahasiswa
ada nya di mana si,,,? bukan sekedar begitu,,,, tapi wibe site yg bisa merubah semua jadi scip,,, contoh music jadi scrip
ReplyDeleteini dia yang saya cari gan trmksh,,,, sngat membantu dan akan saya coba ya gan :)
ReplyDeleteAkhirnya ketemu juga cara membuat tulisan kode HTML utk di cantumkan pada content Blog ini.. Mantap Mas Bro..
ReplyDeleteKami tunggu terus content dari CB selanjutnya
Share gan
ReplyDeletetrima kasih ..amat baik buat pengetahuan saya
ReplyDeleteThanks gan tuk infonya..... Sangat membantu bgt gan...
ReplyDeleteTerima kasih banyak kak. saya dapat ilmu baru lagi...
ReplyDeletethank's gan
ReplyDeletetempat belajar yang bagus.
ReplyDeleteTerima kasih banyak Om
Kalau yang otomatis ada gak ya ? seperti template2 yang di buat oleh para master blogger. biasanya langsung otomatis
ReplyDeletepertanyaan anda sudah anda jawab sendiri, jadi... selamat jika anda sudah menemukannya :)
Deletemakasi admin :)
ReplyDeletesama-sama pengunjung :)
DeleteTerima kasih ya, tutorialnya sangat membantu ^^
ReplyDeleteterima kasihh ..sangat membantu..
ReplyDelete