Cara Membuat Tombol Select All. kemarin saya sudah menerangkan tentang cara membuat screen hitam hemat energy, nah pada kesempatan kali ini membahas lagi mengenai Highlight Post dengan tambahan tombol select all yang mempermudah pengunjung blog untuk memBlok text yang ditonjolkan hanya dengan sekali Click, misalkan anda menuliskan tutorial dan Anda menyisipkan script yang harus dicopy maka tombol select all ini sangat berguna untuk blok text otomatis.
Contoh :
Ingatkah kau...
Waktu kamu berbohong kepadaku
dan aku memaafkanya..
Ingatkah kau
Akan perjuanganku terhadapmu
walau aku tak bisa tetap ku perjuangkan
Ingatkah kau akan perhatianku terhadapmu
yang setiap waktu datang menyelimutimu
Tapi kini kau membalasnya dengan senyum pahitmu...
Hehehe hanya sekedar contoh tidak perlu di artikan ya....
- Masuk Edit HTML pada blog Anda lalu taruh code javascript dibawah ini dibawah code <head>
/*__Style_copy_area__*/
.copybox { /* -- Style Box dalam --*/padding:5px;border:1px solid #FFC71F;background:#FFFFCC;}.kopiaer { /* -- Style Box Luar --*/
background:red;padding:7px;}.cangkirkopi { /* -- Style Tombolnya --*/background:#B88A00;border:1px solid #FFC71F;color:#FFD65C;padding:2px;font-weight:bold;}
- Setelah itu pada posting editor gunakan code dibawah ini untuk menonjolkan textnya
<div class="kopiaer"><input class="cangkirkopi" type="button" value="Select All" onClick="fnSelect('kopihangat')"/>
<div class="copybox" id="kopihangat">
INI TEKS YANG INGIN DITAMPILKAN
</div></div>
Ingat ganti text yang berwarna biru berbeda setiap 1x penggunaan dan keduanya harus sama
Ganti teks yang berwarna merah diatas dengan teks Anda
- Publish dehh dan lihat hasilnya
yang teliti ya sobat... jangan sampai salah, kalau salah nanti jadi berabe. hehhe
1 Responses to "Cara Membuat Tombol Select All"
:k:
Post a Comment