Cara Membuat Text Area Pada Blog

Cara Membuat Text Area Pada Blog Cara Membuat Text Area Pada Blog -  Hallo kembali lagi dengan saya Hounes. Dari tutorial yang sudah s...

Cara Membuat Text Area Pada Blog

Cara Membuat Text Area Pada Blog -  Hallo kembali lagi dengan saya Hounes. Dari tutorial yang sudah saya berikan, kini saya yang akan memberikan cara untuk bisa membuat text area yang ada seperti dari blog-blog yang biasanya anda kunjungi sebelumnya. Pasti dari sana banyak sekali yang tanda tanya gimana cara untuk bisa membuat text area.

Untuk itu saya yang akan menjelaskan apa itu text area, text area yang merupakan dari sebuah kotak yang biasanya diisi dengan dari kode-kode HTML dan biasanya juga ada pada blog yang berisikan dari tutorial juga, nah itulah yang kita namakan "Text Area".

Berikut ini saya akan langsung saja pada topiknya. silahkan copy kode yang ada dibawah ini :

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Contohnya :



Keterangan :

Row = "6" menunjukkan dari tinggi pada kolom text area, jadi untuk itu bisa anda atur sesuai dengan yang anda inginkan. 
Cols = "20" menunjukkan dari lebar pada text area anda, jadi bisa untuk anda sesuaikan dengan dari yang anda inginkan.


Text Area dengan memakai Highlight

Pada saat anda ingin memasang dari Text Area juga ada dari beberapa macam variasi yang bisa untuk anda terapkan pada blog. Pada variasi highligt ini juga akan mempermudah anda untuk meng-copy dari semua text yang ada pada kolom dengan hanya mengklik pada tombol highlight saja. Untuk dari itu bisa untuk anda ikuti dari tutorial yang ada dibawah ini.

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form> 

Contohnya : 



Untuk anda agar lebih bisa untuk memahami dari kode yang ada diatas ini juga bisa saya uraikan yaitu memliki dari 2 elemen bagian yang dimana juga ada pada tombol "Highligt", dan yang kedua itu adalah dari elemen kode yang untuk membuat text area.

Elemen tombol "Highlight"
  1. <div align="center"> → Kata dari center ini yang berfungsi untuk menunjukkan dari posisi yang akan berada ditengah. Jadi jika anda ingin untuk membuatnya disebelah kiri anda bisa untuk mengganti dengan  left. Dan jika anda ingin untuk berada pada posisi sebelah kanan anda bisa untuk mengganti menjadi right.
  2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> → Kode ini yang berfugnsi untuk menjadi tombol highlight yang ketika diklik akan semua kata yang berada dalam kolom akan di block atau di select. Jadi jangan diganti kode yang ada diatas ini.
  3. Value="Highlight" → Kata Highlight adalah kata yang ada pada tombol tersebut. Ini juga bisa untuk anda ganti dengan kata lain sesuai dengan apa yang anda inginkan.

Element text area :
  1. <p align="center"> → Kata dari center ini yang berfungsi untuk menunjukkan dari posisi yang akan berada ditengah. Jadi jika anda ingin untuk membuatnya disebelah kiri anda bisa untuk mengganti dengan  left. Dan jika anda ingin untuk berada pada posisi sebelah kanan anda bisa untuk mengganti menjadi right.
  2. <text style="WIDTH: 300px"> → Kata dari "WIDTH: 300px" ini menunjukkan dari lebar pada text area tersebut sebesar 300 pixelm jadi jika anda ingin untuk memperbesarnya bisa untuk anda mengganti angka yang ada pada WIDTH sesuai dengan keinginan.
  3. HEIGHT: 144px → Angka dari "144px"menunjukkan bahwa dari text area yang mempunyai dari tinggi pada kolom, anda juga bisa untuk menentukkan sesuai dengan dari keinginan anda.

Inilah dari beberapa elemen yang ada pada cara untuk memasang text area yang ada pada blog anda. Kode dari HTML ini bisa untuk anda terapkan langsung pada blog anda. 


-------------------------------------------------------------------------------------------------------------------------

Ditulis oleh : Christian Hounes

-------------------------------------------------------------------------------------------------------------------------


COMMENTS

Nama

Ad Break,1,Apa Fungsi dari Riset Keyword dan Analisa Kompetisi,1,Apa itu Pengertian dari SEO?,1,Apa itu SEO,1,Backlink Berkualitas SEO,1,Backlink Do-Follow,1,Backlink No-Follow,1,Backlink Paling Tepat,1,Bahasa Pemrograman,1,Belajar SEO,1,Belajar SEO Juara,2,Bisnis Online,1,Black Hat SEO,1,Blog,19,Blog Dummy,1,Blog Walking,1,Blogger,27,Bouncing Rate,1,Cara Memasang CCTV,1,Cara Membangun PBN,1,Cara Membuat Fanspage Melayang,1,Cara Membuat Text Area,1,Cara Mengganti Template Blog,1,Cara Mudah Untuk Memahami SEO,1,Cara Untuk Membuat Dari Efek Refresh,1,Cara Untuk Membuat Menu Dropdown,1,Cara Untuk Membuat Tulisan Berjalan Pada Blog,1,Cara Untuk Mempercantik Pada Tampilan Blog,1,Cara Upload Video ke Dalam Blog,1,Dagelan,1,E-Commerce,1,Facebook,1,Facial,1,Fashion,1,Font,1,Gadget,2,Google,1,Google Font,1,Guest Posting,1,Instagram,1,IOS,1,Iphone,1,Javascript,1,Kata Kunci,4,Kecantikan,2,Ketahui Sejarah WordPress,1,Keyword,2,Konten Blog,1,Konten Youtube,2,Kulit Wajah,1,Link Building,1,Link Juice,1,Long Tail Keyword,1,Marquee,1,Memaksimalkan Kinerja SEO,1,Memasang Jam Sidebar,1,Membuat Blogspot Anda SEO Friendly?,1,Membuat Load More Post,1,Memindahkan Blog ke Akun Blogspot Yang Lain,1,Mengatur Huruf dan Warna,1,Mengganti Font Blogspot Dengan Google Font,1,Menghapus Tulisan Tampilkan Postingan Dengan Label,1,Microsoft,1,Music,1,Optimasi,1,Optimasi SEO Onpage,1,Pakar SEO BInjai,1,Panduan,1,PBN,2,Posting Artikel,1,Private Blog Network,1,Rating Website,1,Search Engine,1,Sejarah WordPress,1,Seo,15,SEO Friendly,1,SEO Youtube,1,Setelan di Blogger,1,Setting Domain Namecheap ke Dalam Blogspot,1,Smarphone,1,Smartphone,1,Style,1,Tampilan Template,1,Template,1,Thumbnail,1,Tingkatkan Jumlah Pengunjung Blog,1,Tips,12,Tips Menaikkan Rating Website,1,Tips Untuk Menggunakan Celana Pendek,1,Tips Untuk Menulis Konten Menarik,1,Tutorial,29,Typescript,1,Video,1,Viral,1,Website Social Bookmarking,1,White Hat SEO,1,WordPress,2,Youtube,2,
ltr
item
BELAJAR SEO JUARA: Cara Membuat Text Area Pada Blog
Cara Membuat Text Area Pada Blog
https://3.bp.blogspot.com/-OXqOvNsYtkw/WV-LIkRjW-I/AAAAAAAAAIA/HZm3vLJ9dDg2FlsPXKyWZgqbWU3Jx9jbgCLcBGAs/s640/Text%2BArea.PNG
https://3.bp.blogspot.com/-OXqOvNsYtkw/WV-LIkRjW-I/AAAAAAAAAIA/HZm3vLJ9dDg2FlsPXKyWZgqbWU3Jx9jbgCLcBGAs/s72-c/Text%2BArea.PNG
BELAJAR SEO JUARA
http://www.belajarseojuara.com/2017/07/cara-membuat-text-area-pada-blog.html
http://www.belajarseojuara.com/
http://www.belajarseojuara.com/
http://www.belajarseojuara.com/2017/07/cara-membuat-text-area-pada-blog.html
true
6494330873395604897
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy