Cara Mudah Membuat Teks Area di Blogspot

Cara Mudah Membuat Teks Area di Blogspot-Para blogger biasanya membuat Teks Area untuk meletakkan link blognya guna bertukar link (link exchange)dengan sesama blogger. Membuat teks area ternyata mudah, mungkin tidak sesulit yang dibayangkan. Meski di luar sana sudah banyak yang menulis cara-caranya, tetapi tidak ada salahnya saya tulis pada kesempatan ini, minimal agar tidak lupa. Kata Mas Ernas sekecil apapun pengalaman lebih baik dituangkan dalam tulisan, mungkin juga berguna bagi orang lain.

Dalam membuat teks area biasanya langsung disertakan link banner blog. Banner blog biasanya berukuran kecil agar tidak menghabiskan tempat ketika di letakkan di blog sahabat. Nah jika Anda belum memiliki banner blog silahkan dibuat dulu. Banner bisa dibuat menggunakan photoshop atau software sejenisnya, saya biasa membuat banner sederhana menggunakan photoscap, jujur belum menguasai photoshop. Nah jika Anda sudah membuat banner, lalu upload ke hosting gratisan dulu ya, biar nanti bannernya mengandung link. Tempat upload gambar yang saya ketahui antara lain photobucket, tinypick, imageshake. Anda bisa pilih sendiri. Nah link yang diberikan oleh hosting tempat anda upload gambar itulah yang anda letakkan di dalam teks area.
Kode yang diperlukan untuk membuat teks area lengkap dengan contoh link bannernya dapat Anda lihat berikut ini.

<textarea name="code" rows="5" cols="15">
<br /><a href="http://belajarabadi.blogspot.com" target="_blank"><img src='http://i52.tinypic.com/o6fmeh.gif' border'0'/></a></textarea>

Jika Anda ingin membuat teks area, Anda tinggal copy kode tersebut, Anda tinggal mengganti tulisan warna biru dengan URL blog Anda dan tulisan warna merah yang merupakan link banner yang saya buat, Anda bisa ganti dengan link banner buatan Anda sendiri.

Nah jika kode di atas diletakan di blog sahabat saat tukeran link maka akan menjelma dalam bentuk banner seperti ini




Selain menggunakan kode di atas, masih ada bentuk lain dari teks area, yang ini langsung menggunakan tombol select all atau high ligt, jika tombol ini diklik maka seluruh isi/teks dalam kotak akan tersorot sehingga dapat menghindari tidak terkopinya sebagian teks dalam kotak tersebut.
Scrip berikut ini dibutuhkan untuk membuat teks area lengkap dengan linknya.

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 150px; HEIGHT: 75px" name="txt" rows="5" wrap="VIRTUAL" cols="15"><a href="http://belajarabadi.blogspot.com" target="_blank">Info, Tips dan Trik Blog </a></textarea></p></form></div>

Kode berwarna biru ganti dengan url blog anda, tulisan warna merah ganti dengan Judul blog Anda yang ingin anda munculkan.

Oh iya setelah mengcopy kode tersebut diatas, baik kode pertama maupun kode yang kedua, maka langkah selanjutnya

1. Bawa ke blog Anda, masuk ke blogger buka dengan ID Anda
2. Di Dasbor klik Rancangan
3. Lanjutkan dengan klik Tambah Gadget
4. Berikutnya cari sampai ketemu Tambah Html/Javascript
5. Paste kode ditempatnya
6. Klik Simpan dan lihat blog
7. Alhamdulillah selesai deh

Nah demikian dulu sharing kecil-kecilan hari ini, sambil mengajak teman-teman blogger semua yuk kita tukeran link untuk mempererat persahabatan sesama blogger dan meningkatkan page rank blog kita masing-masing. Khusus tentang cara mudah mendatangkan traffic dan meningkatkan page rank dapat anda baca pada artikel trik mendatangkan banyak pengunjung.


Post a Comment

أحدث أقدم