Cara Membuat Text Box di Postingan Blogger

Text Box

Text box sering kali digunakan oleh penulis blog untuk berbagi ilmu pemrograman kepada para pembacanya, text box ini bisa kamu jumpai pada tutorial-tutorial yang membahas tentang script coding HTML, CSS, PHP, JavaScript dan lain sebagainya. Karena text box sering berisi script pemrograman maka itu terkadang text box juga disebut sebagai script box.

Apa itu Text Box?

Text box adalah sebuah objek berbentuk kotak yang bisa ditambahkan teks kedalamnya. Fungsi text box ini adalah untuk membedakan suatu teks penting dari teks lainnya di halaman blog kamu sehingga pembaca dapat dengan mudah melihatnya. Biasanya text box itu berisi kutipan atau script pemrograman.

Coding Text Box

Berikut ini adalah kode HTML untuk membuat text box :

Isi script di sini

</div>

Cara Membuat Text Box di Postingan Blogger

Untuk membuat text box pada postingan blogger silahkan ikuti langkah-langkah berikut ini :

1. Buka dashboard blogger dan silahkan buat postingan baru. Sebagai contoh di sini aku membuat postingan blog dengan judul "Coding CSS untuk membuat gambar responsive".

2. Pilih mode tampilan HTML dan tentukan di barisan line number mana coding text box akan diletakkan.

3. Pada bagian Isi script silahkan ganti dengan coding pemrograman yang ingin kamu share kepada para pembaca blogmu. Sebagai contoh di sini aku ingin membagikan script CSS untuk membuat gambar blog yang responsive.

4. Kembali ke tampilan menulis untuk melihat text box dan script CSS yang sudah dibuat. Di sini kita bisa melihat kalau penulisan format script CSS-nya jadi berbeda, itu terjadi karena isi script yang kita masukkan masih dalam bentuk coding dan bukan dalam bentuk text.

5. Untuk mengubah isi script ke dalam bentuk text kamu bisa menambahkan coding paragraph seperti berikut ini. Kalau kamu belum menginstal font jenis Signika silahkan ganti kata "Signika" menjadi Arial atau Helvetica.