Artikel Terbaru Dari Cerita Ngeblog

Sunday, January 12, 2014

Bagaimanakah Cara Membuat Sebuah Text Area

Print Friendly and PDF

Membuat text area ataupun memasukkan text area kedalam postingan jika dipandang dari segi kegunaannya sangatlah jarang sekali kita gunakan dalam tiap kesempatan mempublish sebuah artikel. Namun terkadang untuk pembuatan tulisan tertentu text area akan sangat diperlukan, kita ambil contoh kecil dalam membuat sebuah widget 'tukeran link' dimana text area akan sangat berpengaruh dari segi kesempurnaan pembuatan widget tuker link tersebut.

Untuk membuat text area mula-mula kita tambahkan sebuah kode pembuka text area yang mana kode pembuka text area tersebut adalah seperti berikut <textarea cols="22" name="textarea" kemudian tidak lupa kita juga harus memasukkan tag penutup text area, dimana tag penutup tersebut adalah seperti berikut </textarea> .

Setelah mendapatkan masing-masing tag text area tersebut, baik pembuka dan tag penutupnya, sekarang kita hanya tinggal memasukkan tulisannya saja kedalam text area tersebut. Gunanya agar tulisan dalam text area ini bisa di copy dan memudahkan para pengguna menyalin isi dari text area tersebut.

Cara Memasukkan Tulisan Ke Dalam Text Area


Dalam mode penulisan ubah menjadi mode html. Kemudian masukkan tag pembuka text area yang terdapat dibawah ini kedalam layar penulisan.  


 <textarea cols="22" name="textarea" style="height: 150px; width: 300px;">


Selanjutnya tambahkan tulisan sobat tepat dibelang tag pembuka text area tadi, disini aku memasukkan link banner exchange yang mana kode tuker link tersebut adalah seperti ini. 


 <a href="http://cerita-ngeblog.blogspot.com"> <img src="http://cerita-ngeblog.blogspot.com"> <img src="http://4.bp.blogspot.com/-ZQd24pvfj88/UI4YvwwtjFI/AAAAAAAAAms/yCkl3kelZiQ/s1600/CERITA+NGEBLOG02.png" /> </a> <br />
<br /></code><br /><br />

Terakhir tambahkan tag penutup text area tepat setelah kode link exchange diatas, hingga keseluruhan kodenya menjadi seperti berikut. 

<textarea cols="22" name="textarea" style="height: 150px; width: 300px;">
<a href="http://cerita-ngeblog.blogspot.com"> <img src="http://4.bp.blogspot.com/-ZQd24pvfj88/UI4YvwwtjFI/AAAAAAAAAms/yCkl3kelZiQ/s1600/CERITA+NGEBLOG02.png" /> </a> <br />
<br /></code><br /><br /></textarea>

Bagaimanakah Cara Membuat Sebuah Text Area
Maka hasil akhirnya akan didapatkan sebuah widget tuker link dengan dibalut oleh sebuah text area. Ini dia hasilnya.
Banner Exchange

Untuk mengcopy tulisan kode tuker link diatas silahkan klik kanan pada tulisan yang ada dalam text area tersebut kemudian pilih 'select all' lalu klik kanan kembali pada mouse dan pilih 'copy'. Sampai disini kita sudah menyelesaikan pembuatan sebuah text area, klik 'pratinjau' kemudian klik 'publish' jika tataletak dan ukurannya sudah sesuai.



Terima Kasih Atas Kunjungan Sobat dan Telah Membaca Artikel Bagaimanakah Cara Membuat Sebuah Text Area , Silahkan Bagikan Artikel Ini, Atau Tekan Tombol G+ di Bawah

Klik BERLANGGANAN, Untuk Mendapatkan Update Terbaru Dari CERITA NGEBLOG


Share This :

Ditulis Oleh : Edo Kapengi Jam: 8:42 AM Kategori:

0 komentar :

Post a Comment

Silahkan meninggalkan komentarnya.!
*(Mohon untuk tidak mencantumkan link hidup)