1. Masuk Edit HTML
pada blog Anda lalu taruh code javascript dibawah ini dibawah code <head>
<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 ]]></b:skin>
/*__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;
}
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')"/>
<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
4. Publish dehh dan lihat hasilnya
0 komentar
Posting Komentar
No Sara
No Spam
Tidak boleh berkata jorok