Text Area warna Dengan Bingkai warna, Background Gambar Dan Tombol Scroll

Text Area warna Dengan Bingkai warna, Background Gambar Dan Tombol Scroll

Setelah kita membuat text area yang berwarna, sekalian saya memberikan kode untuk text area yang lengkap (background warna, gambar, ukuran huruf, jenis huruf). Kita sudah tahu bahwa WordPress kadang kala membuat kita pusing dengan kode-kode yang akan kita jalankan.

Bahkan kode HTML pun kadang juga sering gagal dieksekusi di WordPress.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. Maklum WordPress-nya free….

Sabar… sabar….

Maka dari itu kode text area yang saya tulis dibawah saya sesuaikan dengan keinginan dari mas WordPress. Daripada nanti sewaktu anda jalankan kode tersebut dirubah oleh WordPress dan anda menjadi bingung, lebih baik ngalah sama ni WordPress.

Copy kode dibawah ini ke halaman penulisan dalam mode [HTML] atau pada [Widgets Text] untuk ditaruh di sidebar anda.

<div style="overflow: auto; width: 480px; height: 100px;
background-color: #ffecff; background-attachment: scroll;
background-repeat: no-repeat; background-position:right bottom;
background-image:
url(http://bootingskoblog.files.wordpress.com/2008/11/poke133.gif);
text-align: justify; padding: 5px; border: 2px solid #0000b9;">
<span style="font-size:10px;color:#800080;
font-family:Sans-serif;">Tulis disini...
</span>
</div>

Kemudian kembali ke mode [Visual] untuk melakukan pengeditan text dan setelah selesai klik tombol [Publish].

Ket :

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

Perihal edywitanto
wira wiri mlaku bareng angin

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: