Cara Membuat Highlight all (teks dalam Kotak)

Rabu, 29 Juni 2011



Pada kesempatan ini saya ingin mempostingkan cara membuat Highlight all atau membuat kotak sebuah teks seperti pada gambar di atas. Highlight all ini sangat berguna bila kita ingin mempostingkan atau membuat tempat suatu teks ataupun script agar mudah untuk diambil/dicopy oleh pengunjung blog kita. Disamping itu highlight all ini juga mempermudah pengunjung dalam meng-copy teks ataupun script yang telah kita postingkan atau sediakan.
Contohnya seperti dibawah ini :




Setelah anda melihat contoh di atas dan berminat untuk mencoba dan memakainya silahkan ambil code dan ikuti langkah berikut ini.

Jika anda ingin memasangnya di sidebar ataupun di widget
1. Login dulu ke blogger anda
2. pilih RANCANGAN

3. kemudian pilih Add Gadget/Tambah Gadget => pilih yang HTML/Javascript.
4. Masukan kode di bawah ini ke dalam content HTML/Javascript:


<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>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></div>
</form>
</div>


6. Kemudian Simpan.
7. Setelah itu view blog dan lihat hasilnya.

Akan tetapi jika anda ingin menampilkan kotak teks tersebut di postingan anda. Anda cukup meng Kopas Code diatas di pilihan EDIT HTML pada form posting.

Selamat Mencoba............ dan semoga Sukses... Amin.......


...................Kanca...................

2 komentar:

Rezdown7 mengatakan...

nice info gan...
saya cobain dulu yah...
makasi sdh berbagi :D

sismawan mengatakan...

Terimakasih juga sob atas kunjungannya...

Posting Komentar

 
© Copyright 2010-2011 InfoKanca All Rights Reserved.
Template Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.