Setelah kita membuat text area yang berwarna, sekalian saya memberikan kode untuk text area yang lengkap (background warna, gambar, warna huruf, warna bingkai). WordPress kadang kala membuat kita pusing dengan kode-kode yang kita paste-kan di posting.
Dengan kata lain, WordPress sesuka hati merubah-rubah kode sesuai keinginannya. Seperti kode text area ini, sudah umum kode text area seperti biasanya. E…. eee… masih juga dirubah dan ditambah-tambahin sendiri. Bahkan sering juga dihapus saat kita taruh di posting.
Sabar… sabar…. 
Maka dari itu kode text area yang saya tulis dibawah saya sesuaikan dengan keinginan dari WordPress. Daripada nanti sewaktu anda paste di posting dan kode tersebut dirubah oleh WordPress kemudian anda menjadi bingung, lebih baik pakai saja kode dibawah.
- Copy kode dibawah ini ke halaman penulisan dalam mode [HTML] atau pada [Widgets Text] untuk ditaruh di sidebar anda.
<div style="overflow: auto; height: 100px; background-color: #ffecff; background-attachment: scroll; background-repeat: no-repeat; background-position: 50% 50%; background-image: url('http://1.gravatar.com/avatar.gif'); text-align: justify; border: 2px solid #0000b9; padding: 5px;">Tulisan Anda...</div> - Kemudian kembali ke mode [Visual] untuk melakukan pengeditan text dan setelah selesai klik tombol [Publish].
Keterangan :
- width : lebar text area.
- height : tinggi text area.
- background-color : warna backgroung text area.
- background-repeat : pengulangan tampilan pada gambar.
- background-position : letak background gambar.
- background-image : background gambar.
- text-align : perataan tulisan.
- padding : jarak antar tulisan dengan border.
- border : garis atau bingkai text area.
- solid : warna garis atau bingkai text area.
- font-size : ukuran huruf.
- font-family : jenis huruf.
- color : warna huruf.
About bootingskoBlog
Recent Comments