Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Menggunakan Textarea untuk Posting

Posting menggunakan textarea berbeda dengan apabila posting menggunakan cara yang lain. Penggunaan textarea ini memungkinkan setiap materi posting tampilkan murni sebagai teks, sehingga pada saat melakukan posting dalam bentuk KODE HTML, kode-kode akan dibaca utuh sebagai sebuah teks. Kelebihan seperti inilah yang membuat posting tutorial yang berkaitan dengan KODE HTML banyak menggunakannya. Disamping mudah dan praktis dalam penggunaan KODE, textarea relatif membuat posting menjadi lebih mudah dan effisien.

Ada tiga (3) cara untuk membangun fungsi sebuah textarea :
  1. Menggunakan CSS
    - Pada model seperti ini, CSS berfungsi untuk membentuk textarea secara permanen sehingga saat posting dilakukan blogger tidak perlu menambahkan KODE HTML yang lain(di bagian body/ruang posting). Kode CSS akan tersimpan di antara tag <head> dan </head> . Karena kode css tersebut sudah membentuk desain/tampilan textarea secara lengkap, maka pengguna hanya perlu menggunakan tag pembuka dan penutup textarea tanpa perlu menambah elemen xHTML lain saat posting dilakukan.
  2. Dalam bentuk dokumen HTML di bagian body (ruang posting).
    - Cara ke dua ini memungkinkan blogger untuk setiap kali menggunakan textarea dapat melakukan perubahan-perubahan bentuk textarea, baik ukuran ataupun beberapa yang lain seperti bacground dan border. Cenderung kurang praktis dan membuat ruang posting tambah berjubel.
  3. Memadukan CSS dan dokumen HTML.
    - Cara ke tiga ini merupakan solusi terbaik untuk menciptakan textarea yang ideal karena pembangun textarea sebagian sudah terakomodasi dalam bentuk KODE CSS (permanen) di bagian head dan tinggal beberapa KODE pelengkap ditambahkan saat posting dilakukan.

Mengatur Fungsi Textarea dengan Kode CSS:

Kode CSS Textarea :
textarea{
         width:500px; /*ukuran lebar bisa diperkecil/besar atau auto*/
         height: 300px; /* ukuran tinggi bisa diperbesar/kecil*/
         background: #66FFFF; /* bisa diganti dengan warna lain */
         border: 2px solid #333; /* tebal, jenis dan warna border bisa disesuaikan */
         font-size:100%; /*atau bisa dalam satuan px/em */
         font-family: verdana; /*atau jenis font lain */
         font-weight: normal; /* atau bold */
         overflow: auto; 
         color: #000033;
         padding: 20px 6px;
}

xHTML untuk Posting :
<textarea>
Teks/KODE yang akan dipostingkan
</textarea>

Catatan/Keterangan :
  1. Simpan kode CSS textarea di atas ]]></b:skin>
  2. Gunakan xHTM di box Posting atau bagian blog yang lain (misalnya di Add a Gadget).
  3. Panduan detail cara menyimpan kode css dapat dibuka di Special Tutorials pada menu sebelah kiri halaman.

Mengatur Fungsi Textarea pada xHTML:

Gunakan KODE berikut saat melakukan posting :

xHTML :
<textarea  cols="50" rows="10" style="background:#66CCFF; border:2px solid #660000; padding: 20px 6px;">Teks/KODE yang akan dipostingkan
</textarea>

Catatan/Keterangan :
  • cols=lebar
  • rows=tinggi

Mengatur Fungsi Textarea dg kode CSS dan xHTML

Kode CSS :textarea{
background: #66ffff;
border:2px solid #333;
font-size: 12px;
font-family: Arial;
font-weight: 500;
color: #000033;
padding: 20px 6px;
overflow: auto;
}

xHTML :
<textarea cols="50" rows="10">
Teks/KODE yang akan dipostingkan
</textarea>

Catatan/Keterangan :
  • Simpan kode CSS di atas ]]></b:skin>
  • Gunakan xHTML di box posting atau bagian blog yang lain seperti pada "Add a Gadget".
  • Rubah lebar (cols) dan tinggi (rows) sesuai kebutuhan posting.
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :



Update » Rebo   WAGE,Maret,20,2012

» Happy Blogging - gubhugreyot «

4 komentar:

  1. Siapa yang bisa bagusin blog gw , sebagus blog ini . yang bisa bagusin blog gw lebih dari ini . gw bayar . sms gw 0856 9356 8151 .

    BalasHapus
  2. Kalo mau naruh kode HTML masih bingung, jadinya mesti berantakan, Mohon dikasih solusinya...

    BalasHapus
  3. Terimakasih atas tanggapannya..... Kode lain yang muncul(yg saya maksud)itu kayak kode font(ex.<span atau <font.... atau muncul tulisan times new roman dll,q jg krg thu...) Sekali lgy,jika berkenan mohon solusinya...

    BalasHapus
  4. cara pasang box tex dengan efek before after gmn?

    BalasHapus

 
GR | Edited by | gubhug reyot