Membuat Text Area

Apa itu Text Area ?
Text Area adalah kotak yang dapat menampilkan link/ Url. Biasanya Text Area digunakan untuk menaruh link exchange. Seperti yang ada di blog saya juga nih. Pada Postingan kali ini saya akan berbagi tutorial cara membuat Text Area. didalam postingan ini terdapat dua Text Area Yg Berbeda tetapi fungsinya tetap sama. Terserah sobat-sobat mau pilih yang mana. Untuk membuat Text Area sobat sekalian dapat Copas kode dibawah ini lalu letakkan pada tempat yang sobat suka.

Text Area Pertama

<p align="center"><textarea name="code" rows="6" cols="20"> Masukkan Tulisan/ Link disini </textarea></p>

Maka hasilnya akan seperi berikut :

Masukkan Tulisan/ Link disini

Text Area Kedua

Kelebihan dari Text Area Kedua ini adalah kita dapat langsung mengklik 1 tombol dan semua tulisan akan langsung terblock, tanpa harus kita drag lagi. Berikut kodenya

<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">Isi dengan tulisan atau link sobat masing-masing</textarea></p></div></form>

Maka hasil yang akan muncul seperti ini :

Masukkan tulisan atau link sobat disini

sekian dari fajri alhadi semoga postingan kali ini bisa berguna dan bermanfaat kepada sobat-sobat sekalian

Cara Membuat Kotak Iklan

Menjawab Pertanyaan dari salah satu sobat blogger yang menyakan bagaimana cara membuat kolom/kotak iklan. disini saya akan membahas bagaimana cara membuat kotak iklan. kita tahu, bahwa dengan menempatkan iklan di blog kita, maka blog kita terlihat lebih elegant dan juga dapat menghasilkan uang juga. Jika sudah tidak sabar lagi mari ikuti cara2 berikut ini..

Pertama, masuk pada halaman Edit HTML, lalu masukkan kode CSS dibawah ini tepat dibawah kode <b:skin><![CDATA[
untuk mempermudah pencarian tekan F3 pada keyboard jika kamu menggunakan browser Mozilla Firefox

#Box-Banner-ads {<br /> <br /> margin: 0px;<br /> <br /> padding: 5px;<br /> <br /> text-align: center;<br /> <br /> }<br /> <br /> #Box-Banner-ads img {<br /> <br /> margin: 0px 4px 4px 0px;<br /> <br /> padding: 3px;<br /> <br /> text-align: center;<br /> <br /> border: 1px solid #c0c0c0;<br /> <br /> }<br /> <br /> #Box-Banner-ads img:hover {<br /> <br /> margin: 0px 4px 4px 0px;<br /> <br /> padding: 3px;<br /> <br /> text-align: center;<br /> <br /> border: 1px solid #333;<br /> <br /> }

Jika sudah selesai... jangan lupa di save dulu templatenya
selanjutnya buat element halaman baru. kamu tinggal masukkin kode dibawah ini pada letak yang kamu sukai :

<div id="Box-Banner-ads">
<a target="_blank" href="http://ketik-info.blogspot.com"><img
border="0" alt="ads" src="http://i894.photobucket.com/albums/ac148/fajrialhadii/ketik-info.gif"/></a>
<a target="_blank" href="http://ketik-info.blogspot.com"><img
border="0" alt="ads" src="http://i894.photobucket.com/albums/ac148/fajrialhadii/ketik-info.gif"/></a>
</div>

untuk jumlah iklan yang mau diisi dapat menambahkan dengan kode :

<a target="_blank" href="http://ketik-info.blogspot.com"><img
border="0" alt="ads" src="http://i894.photobucket.com/albums/ac148/fajrialhadii/ketik-info.gif"/></a>

Keterangan :
Ganti tulisan berwarna merah menjadi alamat link kamu
Gantu tulisan berwarna biru menjadi link gambar kamu.. untuk mendapatkan kode link gambar. teman2 dapat mendaftar lewat photobucket

semoga bermanfaat...