NETREAT kali ini berbagi kode HTML/Javascript yang sangat diperlukan oleh para blogger, terutama disaat memposting tentang bahasa pemrograman (coding). Agar coding tersebut bisa dicopy-paste dengan nyaman maka kita harus membuat kotak (box) kode untuk meletakkan Script HTML/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, maka hasilnya akan seperti ini:
Kode Script Anda Di Sini
Anda bisa memodifikasi sesuai dengan selera anda, seperti border dan warna latar belakang (background color). Jika anda tidak paham dengan kode warna, maka kalian bisa mengeceknya melalui software desain ataupun photo/image editing, seperti photoshop, corel, dll.
Software Photoshop Fitur Color Picker |
Contoh kode kotak (box) HTML yang lainnya:
<div align="left">
<textarea cols="70" name="code" rows="6">
KODE HTML ANDA DI SINI
</textarea>
Hasilnya akan seperti ini:
Gimana kawan-kawan, mudah kan. selamat mencoba. ^^
1 komentar:
Write komentarsalam kenal sob, blognya keren dan terima kasih buat informasinya, kalo ada waktu bisa kan mampir ke blog saya sob.
ReplyEmoticonEmoticon