Pada kesempatan kali ini Admin akan memberikan sebuah tutorial tentang Cara Membuat Kotak Tulisan atau Text field di Blog agar lebih rapih dan menambah variasi. banyak sekali keguaan dari kotak tulisan ini, misalnya jika Anda ingin menambahkan script atau kode khusus maka harus di tempatkan di tempat yang khsus juga, tidak boleh disamakan dengan tulisan yang lainnya agar pembaca tidak bingung, salah satu caranya adalah membuat tempat kotak untuk teks yang dibuat menggunakan kode HTML singkat dan tidak terlalu panjang, berikut tutorial lengkapnya.
Text field dan script field tidak jauh beda, hanya saja ada sedikit perbedaan dari segi desain dan warna, namun jika keduanya memiliki fungsi yang sama yaitu tempat untuk tulisan yang bisa dibilang penting, oleh karena itu Anda harus menyimpanannya di tempat yang berbeda agar tidak bercampur dengan tulisan yang lainnya, bagi Anda yang belum tahu tutorialnya, di weblog ini Admin sudah membuat beberapa desain textual content field lengkap yang bisa Anda pilih satu persatu.
Bagi Anda yang ingin belajar kode HTML dasar maka sangat cocok pertama kali untuk belajar membuat sebuah kotak dengan menggunakan bahasa HTML yang menurut Admin tidak terlalu sulit, bagi seorang blogger pengunjung adalah hal yang utama yang harus diperhatikan, baik itu kenyamanan, artikel yang mudah dipahami, desain weblog yang rapih, loading cepat dan masih banyak yang lainnya, salah satu yang termasuk dari desain weblog rapih dan mudah dipahami adalah dengan memasang kotak texks untuk menempatkan tulisan tertentu.
Cara Membuat Kotak Tulisan/Script di Blog Menggunakan Kode HTML
Sudah ada beberapa contoh desain kotak berbeda beda yang Admin jadikan contoh dibawah ini, jika Anda kurang merasa puas dengan desain yang dibuat, Anda bisa kapanpun merubahnya sendiri sesuai versi Anda namun syaratnya harus paham mengenai kode HTML.
Kotak Pertama
Desain yang pertama ini easy dan kodenya sangat singkat, cocok bagi Anda yang tidak suka hal rumit. untuk menerapkan di blog, tempel kode dibawah ini di Mode HTML, bukan Compose.
<textarea cols-“50″="" row="”6”"> Tulisannya disini</textarea>
Penjelasan:
Angka 50 adalah kotak kearah kanan.
Angka 6 adalah panjang kotak ke arah bawah.
Dari kode diatas maka jadinya akan seperti ini:
Berikut kotak tulisan yang lebih keren dari yang diatas, tinggal Anda tempel saja di Blog:
Lebih Menarik dan Simple
#aaa; padding: 10px; t-align: left;”>Tulisan Disini</div>
Tidak makan tempat, bisa di Scroll keatas dan kebawah
Lebih simple dan elegan
Ada warna tambahan di atasnya, bisa Anda rubah sendiri
Backround putih polos, jadi tulisan lebih terlihat jelas
Semuanya hijau, cocok di terapkan di Blog dengan tema berwarna hijau
Warna biru, sangat cocok dipadukan dengan warna biru yang lainnya
Dilengkapi warna berbeda di samping kiri, menambah kotak menjadi lebih menarik
Diatas adalah beberapa contoh kode HTML untuk membuat sebuah kotak yang bisa dimanfaatkan untuk tempat tulisan atau script penting yang memungkinkan di copy oleh para pembaca artikel Anda, silakan pilih desain yang menurut Anda keren, dan soal warna, bisa diubah dengan menggunakan kode warna HTML, sekian tutorial membuat text box, terimakasih.
0 Komentar