Cara Membuat Kotak (Box) Kode Script HTML/Javascript di Dalam Posting Blog

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.

Compose/HTML

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, 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.

Color Picker Photoshop
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. ^^
Previous
Next Post »

1 komentar:

Write komentar
10 April 2016 pukul 11.55 delete

salam kenal sob, blognya keren dan terima kasih buat informasinya, kalo ada waktu bisa kan mampir ke blog saya sob.

Reply
avatar