January 26, 2014

Membuat Kotak Kode Script HTML/Javascript di Dalam Posting Blog

January 26, 2014

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).*

Previous
« Prev Post
Author Image

Romeltea

Recommended Posts

Related Posts

Show comments
Hide comments

24 comments on Membuat Kotak Kode Script HTML/Javascript di Dalam Posting Blog

  1. Makasih ya sob. Ini yang aku cari selama ini.

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

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

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

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

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

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

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

    ReplyDelete
  9. 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

    ReplyDelete
  10. trima kasih ..amat baik buat pengetahuan saya

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

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

    ReplyDelete
  13. tempat belajar yang bagus.
    Terima kasih banyak Om

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

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

      Delete
  15. Terima kasih ya, tutorialnya sangat membantu ^^

    ReplyDelete
  16. terima kasihh ..sangat membantu..

    ReplyDelete

Contact Form

Name

Email *

Message *