Membuat Text Area (Full)

Membuat Text Area (Full)

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…. :lol: :cry: :evil:

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

Iklan

4 responses

  1. Imron

    makasih infonya nich pa teguh…pa kabarnya…jangan lupa mampir yach di my blog aku…hehheheh …slam hangat selalu untuk keluarga ….

    Minggu, Agustus 22, 2010 pukul 8:06 pm

  2. Info nya keren Gan, ane praktekin di tempat ane, makasih and salam kenal untuk taro link teman

    Minggu, Juni 20, 2010 pukul 10:01 am

  3. makasih infonya mas

    Kamis, Juni 17, 2010 pukul 6:53 pm

  4. nice inpo gan

    Jumat, Oktober 2, 2009 pukul 11:45 am

Tinggalkan Balasan

Please log in using one of these methods to post your comment:

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