Cara Membuat Tex Box Dalam Blog - infoblogmu.com
Headlines News :
Home » » Cara Membuat Tex Box Dalam Blog

Cara Membuat Tex Box Dalam Blog

Written By radjie ahmad on Rabu, 21 Desember 2011 | 17.41

Membuat 'kotak' untuk apa saja yang anda ingin perlihatkan dapat memudahkan para pengunjung untuk mengambil apa yang anda ingin bagi, biasanya kode atau mungkin juga yang lain-lain.
contoh gambar teksbox


Cara Buat Textbox dalam blog

Tutorial ini akan menunjukkan kepada anda dasar membuat textbox ini serta beberapa penambahan yang bisa dilakukan untuk memudahkan pemilik blog ataupun pengunjung.

Contoh kode yang ingin diletakkan didalam textbox adalah seperti berikut
<center><a href="http://tutorialuntukblog.blogspot.com/" target="_blank">
<img src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S4HEBN0gvhI/AAAAAAAAD8M/jFmA9RrjUA0/s400/blog+tutorial+bahasa+melayu.PNG" />
</a></center>



1. Dasar untuk textbox adalah.
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;">MASUKKAN KOD ANDA DISINI</textarea>


Note:
height: 100px; > Gantikan dengan ketinggian yang anda inginkan
width: 200px; > Gantikan dengan lebar yang anda inginkan


Contoh .


2. Untuk membuat semua kode tersebut di'select' dengan hanya sekali klik pada textbox. Kodenya adalah:
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onclick="this.focus();this.select()" >MASUKKAN KOD ANDA DISINI</textarea>


Contoh textbox jenis ini adalah seperti berikut.




3. Untuk buatkan kod di'select' dengan hanya lalukan tetikus adalah seperti berikut
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onmouseover="this.focus()" onfocus="this.select()" >MASUKKAN KOD ANDA DISINI</textarea>


contox textbox jenis ini adalah


Selamat mencuba.^_^
Share this article :

0 komentar:

Review Games

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. infoblogmu.com - All Rights Reserved
Template Design by Creating Website Published by Mas Template