Cara Membuat Text Area Berbackground Gambar Plus Tombol Select All

Diposting oleh Muhammad Iqbal on Rabu, 15 Agustus 2012

Keren sob, Cara Membuat Text Area Berbackground Gambar Plus Select All. Selain terdapat backround gambar juga terdapat fasilitas select allnya. Membuat Teks Area ini biasanya dilakukan ketika sobat semua sedang membuat postingan yang menaruh kode html, karena terkadang kode html tersebut terlalu panjang ke bawah sehingga menghabiskan ruang posting di blog sobat semua. Langsung saja untuk caranya di bawah ini

1. Teks area dengan backround gambar
Copy script di bawah ini pada edit html


<div style="background-attachment: scroll; background-color: #00FFFF; background-image: url(&quot;http://i1128.photobucket.com/albums/m486/syamsudin1/wasp_flying.gif&quot;); background-position: right bottom; background-repeat: no-repeat; border: 2px dashed rgb(153, 0, 255); height: 120px; overflow: auto; padding: 10px; text-align: left; width: 360px;">
SILAHKAN GANTI INI DENGAN TEKS SOBAT</div>
<div style="text-align: center;">
<a href="http://Mbahtrik.blogspot.com/"><span style="font-size: x-small;">Mbahtrik.blogspot.com</span></a>
<div style="text-align: left;"></div>
<div style="text-align: left;"></div></div>

Tampilan dari kode di atas adalah :

SILAHKAN GANTI INI DENGAN TEKS SOBAT
Mbahtrik.blogspot.com




2. Teks Area Dengan Backround Gambar + Select All

<form name="copy">
<div align="center">
<input onclick="javascript:
this.form.txt.focus();this.form.txt.select();" type="button" value="Copy Semua" /></div>
<div style="text-align: center;">
<textarea name="txt" style="background-image: url(&quot;http://2.bp.blogspot.com/-a-oqiEh4COw/TpU2yMWqWEI/AAAAAAAAAA0/jS7_N1Azvb0/s1600/Lightning.gif&quot;); background-repeat: no-repeat; height: 85px; padding: 5px; width: 355px;">&lt;br /&gt; &lt;br /&gt; SILAHKAN GANTI INI DENGAN TEKS SOBAT&lt;br /&gt; &lt;br /&gt; </textarea></div>
</form>

Tampilan dari kode di atas adalah : 

 
 

Untuk mengganti gambar backround silahkan ganti ini url ini http://2.bp.blogspot.com/-a-oqiEh4COw/TpU2yMWqWEI/AAAAAAAAAA0/jS7_N1Azvb0/s1600/Lightning.gif dengan url gambar sobat.

3. Selesai.


Ditulis Oleh : Muhammad Iqbal ~ Turitorial Blog

Anda sedang membaca sebuah artikel yang berjudul Cara Membuat Text Area Berbackground Gambar Plus Tombol Select All. Terimakasih atas kunjungannya dan semoga artikel ini dapat bermanfa'at.

:: Thank you for visiting ! ::

Comments
0 Comments

{ 0 komentar... read them below or add one }

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ :-? #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!

Bagaimana Pendapat Sobat Semua Tentang Artikel Di Atas???

Untuk menambahkan yahoo emotion pada komentar sobat adalah dengan cara menyertakan kode yahoo emotion diatas pada komentar yang sedang ditulis contohnya kode seperti ini :) yang terdapat di atas kotak komentar ini

Panduan Memberi Komentar
1.Masukan komentar anda
2.Lalu pada kata 'beri komentar sebagai' , pilih account yang anda punya, bagi yang belum mempunyai account pilih Name/url, isi nama anda dan Kosongkan URL atau isi dengan alamat facebook anda(untuk mengetahui alamat facebook anda silahkan login ke facebook dan pilih profile anda, anda dapat melihat alamat Facebook anda di atas, contoh alamat Facebook punya saya http://www.facebook.com/profile.php?id=1823916177
3.dan kemudian Publikasikan
4.Selesai dan anda tinggal menunggu komentar anda muncul
Semoga bermanfa'at.

 
^ Back to Top