1.Pada dashbor klik Template >> Backup >> Download Full Template.
2.Kamu kembali ke dashbor kemudian klik Edit HTML >> Proceed.
3.Sekarang kamu letakkan kode dibawah diantara <head> dan </head>, untuk lebih mudahnya letakkan saja dibawah <head>
<style type="text/css">
<!--
textarea {
background-image: url(masukkan url gambar);
}
-->
</style>
4.Bila sudah simpan template kamu.
5.Seperti biasa kamu masukkan kode text area ini didalam postingan atau yang lainnya.
Kode :
<html>
<head>
</head>
<body>
<form name="copy"><div style="text-align: center;">
<form name="form1" method="post" action="" >
<textarea name="textarea" style="height: 150px;
width: 190px";>Masukkan text disini</textarea>
</form>
</body>
</html>
Hasil :
Text area dengan tombol diatas :
Kode :
<html>
<head>
</head>
<body>
<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><form name="form1" method="post" action="" >
<textarea name="textarea" style="height: 150px;
width: 190px";>Masukkan text disini</textarea>
</form>
Hasil :
Text area dengan tombol dibawah :
Kode :
<html>
<head>
</head>
<body>
<form name="copy"><div style="text-align: center;">
<form name="form1" method="post" action="" >
<textarea name="textarea" style="height: 150px;
width: 190px";>Masukkan text disini</textarea>
</div><p align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></p></form>
</form>
</body>
</html>
Hasil :
Catatan :
- Kamu menyesuaikan tinggi text area dengan mengganti angka yang saya beri warna biru, sedangkan untuk lebar, kamu bisa ganti angka yang saya beri warna hijau.
- Kamu ganti tulisan yang saya beri warna hitam, dengan text yang kamu inginkan.
- Kamu juga bisa gunakan kode text area yang sederhana, hasilnya sama saja.
- Bila kamu gunakan gunakan trik text area V.2, maka trik ini menjadi tidak berfungsi.
Yap, sampai disini dulu semoga artiket cara membuat text area background bermanfaat dan menambah kreasi blog kamu, jangan lupa beri komentarnya.
Link : Cara Membuat Title Blog Berjalan
0 Komentar:
Posting Komentar
Bila kamu ada pertanyaan silahkan kirim komentar, dan sebelumnya saya mohon maaf bila terlambat membalas karena banyak kesibukan yang lain :)