Cara Membuat Text Area Berbackground Gambar Plus Tombol Select All

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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnQKTnpbJcS8vuFzpqnjQItXTFkBv5L_kZQbppDg_VcNaBb7_eOKQPm5pyIu-LZzHr49RM-MGIceZvhrq4AVg8UiI1AkYZqajY51MdnWgCQytU6qfNbGYpSZuJpYva9iHB3CpjXlHs1zY/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 : 

 

<br /> <br /> SILAHKAN GANTI INI DENGAN TEKS SOBAT<br /> <br /> 

Untuk mengganti gambar backround silahkan ganti ini url ini https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnQKTnpbJcS8vuFzpqnjQItXTFkBv5L_kZQbppDg_VcNaBb7_eOKQPm5pyIu-LZzHr49RM-MGIceZvhrq4AVg8UiI1AkYZqajY51MdnWgCQytU6qfNbGYpSZuJpYva9iHB3CpjXlHs1zY/s1600/Lightning.gif dengan url gambar sobat.

3. Selesai.