Cara Membuat Text Area Di Blog

Untuk apa sih text area itu, selain untuk kerapian posting blog juga bermanfaat untuk menghemat halaman agar tidak terlalu penuh. selain itu terkadang kita dalam mengcopy-paste kode tertentu terkadang keluar jalur alias melewati batas area artikel blog. hal tersebut terjadi karena kita cuma memasukkan kode-kode tersebut ke dalam blockquote. nah disinilah fungsi utama dari text area tersebut.

Melalui HTML Posting :

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

» Klik Buat Entri Baru (Bergambar Pencil) atau Entri Baru.
» Kemudian (kamu tinggal copy & paste Kode di bawah ini pada kolom HTML bukan pada kolom Compose).

» Kode Text Area Standar :

<textarea rows="6" cols="35" readonly="">
Masukkan Teks Kamu Di Sini</textarea>
<br />
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-membuat-text-area-di-blog.html" target="_blank">Cara Membuat Text Area Di Blog</a></small>

Keterangan :

• rows="6" adalah jumlah tinggi text area, silahkan kamu ganti dengan selera yang kamu mau.
• cols="35" adalah jumlah lebar text area, silahkan kamu ganti dengan selera yang kamu mau.
• readonly="" adalah agar text area yang kamu buat tidak bisa terhapus, jika kamu tidak ingin menggunakannya, kode readonly="" tersebut bisa dihapus saja.
• Ikuti perintah Kode yang saya beri warna red.

» Kode Text Area Dengan Pilih Semua :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">
Masukkan Teks Kamu Di Sini</textarea></p></div></form>
<br />
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-membuat-text-area-di-blog.html" target="_blank">Cara Membuat Text Area Di Blog</a></small>

Keterangan :

• <div align="center"> adalah letak tombol Pilih Semua, silahkan kamu ganti dengan selera yang kamu mau.
• value="Pilih Semua" adalah perintah untuk meng-copy seluruh text di dalam text area,silahkan kamu ganti dengan selera yang kamu mau.
• <p align="center"> adalah letak kotak text area, silahkan kamu ganti dengan selera yang kamu mau.
• WIDTH: 300px; adalah ukuran lebar text area, silahkan kamu ganti dengan selera yang kamu mau.
• HEIGHT: 144px; adalah ukuran tinggi text area, silahkan kamu ganti dengan selera yang kamu mau.
• rows="100" adalah jumlah tinggi text area, silahkan kamu ganti dengan selera yang kamu mau.
• cols="55" adalah jumlah lebar text area, silahkan kamu ganti dengan selera yang kamu mau.
• readonly="" adalah agar text area yang kamu buat tidak bisa terhapus, jika kamu tidak ingin menggunakannya, kode readonly="" tersebut bisa dihapus saja.
• Ikuti perintah Kode yang saya beri warna red.

» Kode Text Area Terblok Semua Dengan Sekali Klik :

<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();" readonly="">
Masukkan Teks Kamu Di Sini</textarea></div>
<br />
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-membuat-text-area-di-blog.html" target="_blank">Cara Membuat Text Area Di Blog</a></small>

Keterangan :

• <div align="center"> adalah letak kotak text area, silahkan kamu ganti dengan selera yang kamu mau.
• rows="2" adalah jumlah tinggi text area, silahkan kamu ganti dengan selera yang kamu mau.
• cols="35" adalah jumlah lebar text area, silahkan kamu ganti dengan selera yang kamu mau.
• readonly="" adalah agar text area yang kamu buat tidak bisa terhapus, jika kamu tidak ingin menggunakannya, kode readonly="" tersebut bisa dihapus saja.
• Ikuti perintah Kode yang saya beri warna red.

» Kode Text Area Terblok Semua Saat Di Sorot Mouse :

<div>
<form name="EnoSutrisno">
<div align="center" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" rows="100" style="height: 50px; width: 300px;" readonly="">
Masukkan Teks Kamu Di Sini</textarea></div>
</form>
</div>
<br />
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-membuat-text-area-di-blog.html" target="_blank">Cara Membuat Text Area Di Blog</a></small>

Keterangan :

• <div align="center"> adalah letak kotak text area, silahkan kamu ganti dengan selera yang kamu mau.
• cols="55" adalah jumlah lebar text area, silahkan kamu ganti dengan selera yang kamu mau.
• rows="100" adalah jumlah tinggi text area, silahkan kamu ganti dengan selera yang kamu mau.
• height: 50px; adalah ukuran tinggi text area, silahkan kamu ganti dengan selera yang kamu mau.
• width: 300px; adalah ukuran lebar text area, silahkan kamu ganti dengan selera yang kamu mau.
• readonly="" adalah agar text area yang kamu buat tidak bisa terhapus, jika kamu tidak ingin menggunakannya, kode readonly="" tersebut bisa dihapus saja.
• Ikuti perintah Kode yang saya beri warna red.

» Kode Text Area Dengan Border :

<div align="center"><textarea cols="35" rows="2" style="border: 2px dotted red ;" readonly="">
Masukkan Teks Kamu Di Sini</textarea></div>
<br />
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-membuat-text-area-di-blog.html" target="_blank">Cara Membuat Text Area Di Blog</a></small>

Keterangan :

• <div align="center"> adalah letak kotak text area, silahkan kamu ganti dengan selera yang kamu mau.
• cols="35" adalah jumlah lebar text area, silahkan kamu ganti dengan selera yang kamu mau.
• rows="2" adalah jumlah tinggi text area, silahkan kamu ganti dengan selera yang kamu mau.
• Warna purple adalah kode warna, silahkan kamu ganti dengan selera yang kamu mau.
• Agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
• readonly="" adalah agar text area yang kamu buat tidak bisa terhapus, jika kamu tidak ingin menggunakannya, kode readonly="" tersebut bisa dihapus saja.
• Ikuti perintah Kode yang saya beri warna red.

» Kode Text Area Dengan Tombol Scroll :

<div style="border: 2px solid lightblue; height: 80px; margin-left: 30px; overflow: auto;padding: 3px; text-align: justify; width: 500px; height: 500px;">
Masukkan Teks/Kode Script Kamu Di Sini</div>
<br />
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-membuat-text-area-di-blog.html" target="_blank">Cara Membuat Text Area Di Blog</a></small>

Keterangan :

• Warna purple adalah kode warna, silahkan kamu ganti dengan selera yang kamu mau.
• Agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
• width: 500px; adalah ukuran lebar text area, silahkan kamu ganti dengan selera yang kamu mau.
• height: 500px; adalah ukuran tinggi text area, silahkan kamu ganti dengan selera yang kamu mau.
• Ikuti perintah Kode yang saya beri warna red.

Catatan :

• Kode Text Area Dengan Tombol Scroll ini hanya bisa memakai kode script widget yang "Diam Di Tempat/Tidak Melayang-Layang Di Blog".

» Kode Text Area Dengan Background :

<div style="background: #f2f2f2; border: 2px solid #708090; height: 120px; overflow: auto; padding: 15px;">
Masukkan Teks/Kode Script Kamu Di Sini</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
</div>
<br />
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-membuat-text-area-di-blog.html" target="_blank">Cara Membuat Text Area Di Blog</a></small>

Keterangan :

• Warna purple adalah kode warna, silahkan kamu ganti dengan selera yang kamu mau.
• Agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
• Ikuti perintah Kode yang saya beri warna red.
• Kode Text Area Dengan Background ini hanya bisa memakai Kode Script Widget yang "Diam Di Tempat/Tidak Melayang-Layang".

Catatan :

• Kode Text Area Dengan Background ini hanya bisa memakai kode script widget yang "Diam Di Tempat/Tidak Melayang-Layang Di Blog".

Demikian Cara Membuat Text Area Di Blog. nah bagaimana, terserah kamu mau pilih yang mana yang terbaik buat kamu pakai di blog kamu.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat.

█████████████████████████████████████████████████████████████████

Jangan Lupa Like, Comment & Share Artikel Ini Ya » Terima Kasih Atas Kunjungannya » Salam : Eno Sutrisno

BACA JUGA ARTIKEL TERKAIT DI BAWAH INI :

Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.

Ditulis Oleh : Tutorial Blog Eno » Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.

Saat ini kamu sedang membaca artikel tentang Cara Membuat Text Area Di Blog. silahkan kamu Copy-Paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link di bawah ini sebagai sumbernya. INGAT : saling menghargai kreatifitas sesama sobat blogger oke. <a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-membuat-text-area-di-blog.html" target="_blank">Cara Membuat Text Area Di Blog</a>

[Mau Seperti Ini?]