Cara membuat teks area dengan background gambar

Jika sobat ingin membuat teks area dengan background gambar

Berikut ini contohnya:

Tuliskan Teks atau Kode HTML di sini

kodenya:

<textarea div="" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #000 url(http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif) repeat scroll right bottom; border: 2px solid rgb(245, 219, 0); color: white; height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 358px;">Tuliskan Teks atau Kode HTML di sini</textarea>

Contoh:

Tuliskan Teks atau Kode HTML di sini

Kodenya:

<textarea div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(250, 246, 250) url(http://dl3.glitter-graphics.net/pub/664/664343slv150mpvq.gif) no-repeat scroll right bottom; border: 2px solid rgb(245, 219, 0); height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 358px;">Tuliskan Teks atau Kode HTML di sini</textarea>

Selanjutnya terserah sobat mkasih background gambar apapun.

Met berkreatifitas aja...

Semoga infonya bermanfaat.

Cara membuat teks area membesar saat di sorot mouse

Untuk lebih detailnya, sorot contoh teks area di bawah ini

Isi dengan apa saja, sesuai keinginan

Jika sobat tertarik untuk membuatnya,

berikut ini langkahnya:

1. Login blog

2. Rancangan

3. Edit html

4. Letakkan kode berikut di atas ]]></b:skin>

#tejakode {-o-transition:1.2s ease-out; -moz-transition:1.2s ease-out; -webkit-transition:1.2s ease-out;padding:0.75em;width:80%;color: #FFFFFF;border:1px solid #C0C0C0;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius:5px;background: #000;}#tejakode:hover {color: #000;-o-transform:scale(1.2) translate(40px,40px) rotate(0deg);-moz-transform:scale(1.2) translate(40px,40px) rotate(0deg);-webkit-transform:scale(1.2) translate(40px,40px) rotate(0deg); background:#555;-o-transition: all 1.2s ease-in;-moz-transition: all 1.2s ease-out;-webkit-transition: all 1.2s ease-in;}

5. Simpan template

Kemudian

untuk kode pemanggil di postingan, letakkan kode di editor blog,

edit html bukan yang compose ya

<div id="tejakode">

Isi dengan apa saja, sesuai keinginan</div>

6. Simpan dan lihat hasilnya

Cara membuat teks area dengan highlight pada blog

Teks area adalah suatu form yang disediakan untuk menulis kode HTML 

 agar bisa ditampilkan di halaman posting atau di sidebar untuk berbagai keperluan, 

 seperti membuat artikel, membuat LinkExchange, dll. 

 Kode Teks Area:

<textarea name="code" rows="6" cols="20">  Tulis kode di sini </textarea>

 

Tulis kode di sini  

 Dan jika kita menampilkannya dengan highlight, 

kodenya seperti di bawah 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"> Teks area adalah suatu form yang disediakan untuk menulis kode HTML agar bisa ditampilkan di halaman posting atau di sidebar untuk berbagai keperluan, seperti membuat artikel, membuat LinkExchange, dll. </textarea></p></form></div>

Hasilnya seperti di bawah ini:

Teks area adalah suatu form yang disediakan untuk menulis kode HTML agar bisa ditampilkan di halaman posting atau di sidebar untuk berbagai keperluan, seperti membuat artikel, membuat LinkExchange, dll.

Cara mempostingnya:



Tulis semua kode teks area highlight dan isi teksnya di HTML editor blog.



Demikian tutorial blog mengenai cara membuat teks area dengan highlight.

Semoga infonya bermanfaat!!