TEXTAREA DENGAN ATRIBUT READONLY

Lanjutan Tentang Textarea : Textarea biasanya digunakan oleh para blogger sebagai sarana bertukar link antar sesama blogger seperti telah Tips Trik Blog posting di sini Teks atau kode yang tampil pada textarea yang kemarin adalah bersifat editable (bisa dihapus atau diubah). Oleh karena itu, jika tidak hati-hati, seseorang yang mencoba untuk mengcopy pastenya, bisa saja kode link-nya terhapus/berubah sebagian sehingga hal ini akan menyebabkan kode yang terpasang menjadi tidak/kurang lengkap sehingga yang terjadi adalah link kita tersebut tidak dapat tampil pada blog tersebut.
Oleh karena itu, untuk menghindari hal tersebut, kita dapat menambahkan atribut readonly pada textarea tersebut. Dengan atribut tersebut, seseorang hanya dapat memview dan tidak dapat melakukan perubahan/pengeditan.

Formatnya adalah seperti di bawah ini.

<textarea rows="5" cols="40" name="Famous Quotes" readonly="readonly">
TEXT
</textarea>

Aplikasinya seperti di bawah ini.

<textarea rows="5" cols="40" name="Famous Quotes" readonly="readonly">
Ini contoh teks atau kode yang ingin ditampilkan pada textarea. Ini contoh teks atau kode yang ingin ditampilkan pada textarea. Ini contoh teks atau kode yang ingin ditampilkan pada textarea.
</textarea>

Hasil atau tampilannya seperti di bawah ini.

<br />Ini contoh teks atau kode yang ingin ditampilkan pada textarea. Ini contoh teks atau kode yang ingin ditampilkan pada textarea. Ini contoh teks atau kode yang ingin ditampilkan pada textarea.<br />

Teks atau kode yang tampil pada textarea di atas bersifat read only. Teks tersebut dapat dicopy paste namun tidak dapat dihapus atau diubah seperti pada textarea sebelumnya. Dengan demikian kita tidak perlu kuatir lagi para pemasang kode link (dari blog kita) melakukan kesalahan pada saat copy paste kode link tersebut.

Dari kedua contoh di atas, kita dapat menemukan perbedaan masing-masing textarea tersebut. Pada contoh yang pertama, user (pengunjung) dapat memasukkan/memodifikasi teks (tulisan) sedangkan pada contoh yang kedua, user tidak dapat melakukannya. Demikian, semoga bermanfaat.

Aplikasi textarea untuk sarana "tukar link" dapat dilihat di sini

Read More

Pasang Kode Tuker Link / textarea

Untuk membuat kode tukeran link, kebanyakan para blogger menggunakan banner yang berukuran kecil atau di sebut juga dengan chiklet sebagai ciri khas dari blog masing-masing. Maka dari itu, saya akan mencoba mengulas pembahasan ini bermula dari pembuatan chiklet nya.

Untuk membuat sebuah chiklet, sobat bisa menggunakan berbagai software grafik & design semacam photoshop, corel, atau lain sebagainya. Tak hanya sebatas chiklet yang berupa gambar diam, sebuah animasi pun bisa di jadikan chiklet tukeran link, tentunya ini terserah kepada keahlian masing-masing dalam hal membuat chiklet.

kan tetapi, bagi sobat yang belum bisa atau hanya sekedar malas untuk membuatnya karena memerlukan waktu yang cukup lama untuk berkreasi, sobat bisa menggunakan layanan berbagai situs pembuat chiklet. Salah satu situs yang menyediakan layanan ini adalah www.chicklette.net. Melalui situs ini sobat hanya perlu menentukan warna serta tulisan yang di inginkan, kemudian apabila sudah selesai, sobat tinggal save picture lalu menyimpannya dalam komputer sobat.

Itu tadi merupakan langkah pertama. langkah kedua adalah meng upload file chiklet tadi ke hosting untuk menyimpan gambar, boleh di blogger atau di hosting lain, untuk cara upload gambar sudah sering di bahas, apabila masih bingung coba baca lagi di sini ! Jika proses upload selesai, sobat tinggal mencatat atau mengcopy alamat URL gambar tersebut. Misal saya ambil contoh untuk chiklet blog ini adalah :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMHDkr5-1WQHE9Te5w_b2kg4Xmd8QEqmPhuvVnOAzrePfPf1x7WwH_4hI66bz_c6ZpuTMCqVnisfTLmI21yKYn_-hxe0cb2_fqkgfOug327elJN4YQ7zcyQEBGUrhCToZt5J7IJDNbHKw/s320/tuker+links.jpg

langkah selanjuatnya adalah membuat kode link dari alamat gambar tadi, contoh kodenya seperti ini :

<a href="http://banditz-community.blogspot.com/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMHDkr5-1WQHE9Te5w_b2kg4Xmd8QEqmPhuvVnOAzrePfPf1x7WwH_4hI66bz_c6ZpuTMCqVnisfTLmI21yKYn_-hxe0cb2_fqkgfOug327elJN4YQ7zcyQEBGUrhCToZt5J7IJDNbHKw/s320/tuker+links.jpg" border="0" alt="Kolom blog tutorial "></a>

Nah itu tadi merupakan contoh link untuk membuat link ke blog ini, untuk ngelink ke blog sobat ya tinggal sesuaikan saja.

Apabila kode link sudah ada, langkah selanjutnya adalah membuat text area untuk menampung seluruh kode agar nanti bisa di copy oleh pengunjung yang mau nge link ke blog sobat, kodenya lengkapnya seperti ini :


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMHDkr5-1WQHE9Te5w_b2kg4Xmd8QEqmPhuvVnOAzrePfPf1x7WwH_4hI66bz_c6ZpuTMCqVnisfTLmI21yKYn_-hxe0cb2_fqkgfOug327elJN4YQ7zcyQEBGUrhCToZt5J7IJDNbHKw/s320/tuker+links.jpg" border="0" ></a>


<textarea name="code" rows="6" cols="20">



<a href="http://banditz-community.blogspot.com/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMHDkr5-1WQHE9Te5w_b2kg4Xmd8QEqmPhuvVnOAzrePfPf1x7WwH_4hI66bz_c6ZpuTMCqVnisfTLmI21yKYn_-hxe0cb2_fqkgfOug327elJN4YQ7zcyQEBGUrhCToZt5J7IJDNbHKw/s320/tuker+links.jpg" border="0" alt="banditz blog tutorial "></a>



</textarea>

Beberapa langkah sudah di lewati, langkah selanjutnya adalah merangkaikan kode-kode tadi, misalkan kode tukeran link ingin di bawah gambar chicklet agar tampak lebih menarik, kodenya kira-kira seperti ini :




Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali







<br /><a href="http://banditz-community.blogspot.com/" target="_blank"><br /><img border="0" alt="Jhon Banditz " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMHDkr5-1WQHE9Te5w_b2kg4Xmd8QEqmPhuvVnOAzrePfPf1x7WwH_4hI66bz_c6ZpuTMCqVnisfTLmI21yKYn_-hxe0cb2_fqkgfOug327elJN4YQ7zcyQEBGUrhCToZt5J7IJDNbHKw/s320/tuker+links.jpg"/></a><br /><br />

Read More

Tentang Textarea Lagi

lama tidak posting jadi kangen mumpung ada kesempatan jadi bandits coba memosting kan lagi tapi sebelume bandits minta maaf karena masih belum sempat mampir k3e rumah-rumah blogger indonesia ini cs banditz lagi cibuk ngerjakaan tugas akhir he4 .....

Textarea biasanya digunakan oleh para blogger sebagai sarana bertukar link antar sesama blogger.Dengan textarea tersebut, kita dapat menampilkan kode link pada blog kita yang dapat dicopy paste oleh blogger lain untuk dipasang pada blog mereka sehingga link kita akan tampil pada blog mereka. Hanya saja textarea yang telah dijelaskan pada postingan terdahulu mempunyai kelemahan di mana kode (teks) yang ditampilkan tersebut bersifat editable sehingga yang kita kuatirkan adalah kode link tersebut terhapus/berubah sebagian pada saat proses copy paste oleh blogger yang ingin memasang kode link tersebut.
Selain sebagai sarana bertukar link, textarea dapat juga digunakan untuk keperluan lainnya, seperti menampilkan pesan atau peringatan pada blog serta tujuan lainnya.


TEXTAREA STANDAR

Seperti telah dijelaskan sebelumnya, untuk menampilkan teks atau kode pada textarea adalah dengan format sebagai berikut.

<textarea rows="5" cols="40">
TEXT
</textarea>

Angka pada rows menunjukkan jumlah kolom yang kita ganti sesuai kebutuhan sedangkan angka pada cols menunjukkan jumlah baris yang juga dapat kita ganti sesuai kebutuhan.
Text adalah teks atau kode yang ingin ditampilkan pada blog (textarea).

Aplikasinya seperti di bawah ini.

<textarea rows="5" cols="40">
Ini contoh teks atau kode yang ingin ditampilkan pada textarea. Ini contoh teks atau kode yang ingin ditampilkan pada textarea. Ini contoh teks atau kode yang ingin ditampilkan pada textarea.
</textarea>

Hasil atau tampilannya seperti di bawah ini.

<br />Ini contoh teks atau kode yang ingin ditampilkan pada textarea. Ini contoh teks atau kode yang ingin ditampilkan pada textarea. Ini contoh teks atau kode yang ingin ditampilkan pada textarea.<br />

Teks atau kode yang tampil pada textarea di atas adalah bersifat editable (bisa dihapus atau diubah). Oleh karena itu, jika tidak hati-hati, seseorang yang mencoba untuk mengcopy pastenya, bisa saja kode link-nya terhapus/berubah sebagian sehingga hal ini akan menyebabkan kode yang terpasang menjadi tidak/kurang lengkap sehingga yang terjadi adalah link kita tersebut tidak dapat tampil pada blog tersebut.

bersambung dulu yaa.... konsen dulu ke TA lagi

Read More

Textarea untuk Link Exchange Banner

Walaupun sudah banyak tutorial tentang cara membuat Textarea untuk Link Banner Exchange (Tukeran Link Banner), namun tidak ada salahnya, jika Banditz kali ini akan mengetengahkan tips tersebut.
Pertama-tama, kita harus mengupload banner kita di photo hosting, seperti photobucket (http://photobucket.com), flickr (http://flickr.com), ImageShack (http://imageshack.us), Photolava (http://www.photolava.com), villagePhoto (http://www.villagephoto.com) dan masih banyak lagi photo hosting free lainnya. Tetapi yang paling popular adalah photobucket.
Untuk Photobucket, kita harus melakukan register terlebih dahulu. Setelah sukses melakukan pendaftaran (registrasi), silakan login ke photobucket. Kemudian cari banner atau gambar yang sudah Anda buat sebelumnya di komputer Anda dengan mengklik browse dan setelah ketemu kemudian klik upload.Setelah berhasil, maka banner atau gambar yang baru berhasil diupload akan mempunyai HTML Code dan HTML Code inilah yang nantinya digunakan untuk membuat link exchange seperti pada judul postingan ini.

Sebelumnya, kita harus mengetahui format untuk membuat Textarea untuk Link Exchange Banner tersebut. Formatnya adalah sebagai berikut.



<textarea rows=”4” cols=”18” name=”code”>
<a href=”alamat_URL_Anda”target=”_blank”><img
src=”HTML Code Image di photo hosting”></a>
</textarea>


Alamat_URL_Anda diganti dengan alamat blog atau situs Anda.
HTML Code Image di photo hosting diganti dengan HTML Code Image dan untuk photobucket, tinggal mengcopy paste saja.

Rows dan cols bisa diganti sesuai kebutuhan, rows menunjukkan tinggi textarea dan cols menunjukkan lebarnya, nilainya semakin tinggi berarti textarea-nya semakin besar.

Langkah selanjutnya, Login ke Blogger.com hingga masuk ke halaman Panel Kontrol (Control Panel),Kemudian klik layout,Kemudian klik Tambah Elemen Halaman (Add a Page Element) untuk menambahkan sidebar baru tempat link exchange banner tersebut,Kemudian klik "Tambahkan HTML/Javascript,Kemudian ketik seperti contoh di bawah ini pada lembar HTML/Javascript di bawah .


<textarea rows=”4” cols=”18” name=”code”>
<a href="tips-trik-blog.blogspot.com" target="_blank"><img src="http://i209.photobucket.com/albums/bb287/yono_pati/tipsblog.png" border="0" alt="Photobucket"></a>
</textarea>
Yang berwarna merah diganti dengan alamat URL Anda dan HTML Code Image Anda.

Untuk mendapatkan HTML Code di photobucket, Anda tinggal mengcopy dengan cara mengklik kanan pada baris HTML Code kemudian klik kanan pilih copy kemudian pastekan pada jendela sidebarSetelah selesai, simpan perubahan dan kemudian cobalah lihat hasilnya di side bar blog Anda.

Read More