Membuat postingan secantik mungkin agar terlihat lebih menarik, sehingga pengunjung blog kita merasa betah sangat kita harapkan. Kali ini saya akan berbagi ilmu tentang Cara Membuat Tulisan Dengan Background Gambar. Langsung saja disimak, berikut caranya :
Letakkan kode di bawah ini pada HTML saat kita membuat postingan.
<div style="background-attachment: scroll;
background-color: #00FFFF; background-image:
url("http://i1128.photobucket.com/albums/m486/syamsudin1/wasp_flying.gif");
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;">
TEXT DISINI</div>
<div style="text-align: center;">
<a
href="http://acibudaya.blogspot.com/"><span
style="font-size:
x-small;">acibudaya.blogspot.com</span></a>
<div style="text-align: left;"></div>
<div style="text-align: left;"></div></div>
Tampilan dari kode di atas adalah :
TEKS DISINI
BACKGROUND BERGAMBAR + 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("http://i1128.photobucket.com/albums/m486/syamsudin1/boy_365-x-100.gif"); background-repeat: no-repeat; height: 85px; padding: 5px; width: 355px;"><br /> <br /> TEKS DI SINI<br /> <br /> </textarea></div>
</form>
Tampilan dari kode di atas adalah :
Sumber : http://syamsudinnamaku.blogspot.com/2011/03/cara-membuat-text-area-berbackground_09.html#ixzz2np2vZVWX
Anda telah membaca
artikel tentang : 
