Highlight Post Dengan Tombol Select All

HOWABOUTNEWS.BLOGSPOT.COM-Pada kesempatan kali ini membahas lagi mengenai Highlight Post dengan tambahan tombol select all yang mempermudah pengunjung blog untuk memBlok text yang ditonjolkan, misalkan anda menuliskan tutorial dan Anda menyisipkan script yang harus dicopy maka tombol select all ini sangat berguna untuk blok text otomatis.

Okelah kita beranjak ke cara pembuatanya

1. Masuk Edit HTML pada blog Anda lalu taruh code javascript dibawah ini dibawah code

<script type="text/javascript"> function fnSelect(objId) { fnDeSelect(); if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById(objId)); range.select(); } else if (window.getSelection) { var range = document.createRange(); range.selectNode(document.getElementById(objId)); window.getSelection().addRange(range); } } function fnDeSelect() { if (document.selection) document.selection.empty(); else if (window.getSelection) window.getSelection().removeAllRanges(); } </script>

2. Masih pada Edit HTML lalu masukkan code CSS berikut diatas code ]]>

/*__Style_copy_area__*/<br /> .copybox { /* -- Style Box dalam --*/<br /> padding:5px;<br /> border:1px solid #FFC71F;<br /> background:#FFFFCC;<br /> }<br /> .kopiaer { /* -- Style Box Luar --*/<br /> background:red;<br /> padding:7px;<br /> }<br /> .cangkirkopi { /* -- Style Tombolnya --*/<br /> background:#B88A00;<br /> border:1px solid #FFC71F;<br /> color:#FFD65C;<br /> padding:2px;<br /> font-weight:bold;<br /> }

Anda bisa mengunah tampilan code CSS diatas sesuai selera Anda lalu SAVE

3. 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')"/><br /> <div class="copybox" id="kopihangat"><br /> INI TEKS YANG INGIN DITAMPILKAN<br /> <br /> </div></div>

> Ganti teks yang "INI TEKS YANG INGIN DITAMPILKAN" diatas dengan teks Anda

4. Publish dehh dan lihat hasilnya

Nah diatas adalah tutorial singkat dari Saya semoga berguna bagi Anda, Silahkan lontarkan komentar jika Anda mempunyai pertanyaan mengenai tutorial ini.