Cara membuat Hightlight All di postingan blog

Hallo semuanya sekarang w mau nerangin caranya membuat hightlight, apasih gunanya ??? Haha kagak banyak juga sih gunanya tapi cukup penting juga nih Hightlight biasanya digunakan untuk mencantumkan script utk dipisahkan dari postingan. Well langsung aja ya kita ke TKP :


1. Saat kamu mau membuat hightlight di postingan kamu jangan lupa pilih EDIT HTML ingat jangan lupa EDIT HTML kalau lagi biasanya sih itu di Compose jadi pindahkan terlebih dahulu.




2. Copy nih script nih yang ditulis di COMPOSE :
<div><form name="copy"><div align="left">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button">
</div>
<p align="left">
<textarea style="width: 380px; height: 200px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Ini tempat kamu tuliskan di hightight</textarea></p></form></div>
<div><form name="copy"><div align="left"><div><p align="left"></p></div></div></form></div>

Nah yang bawah tuh yg ditulis di EDIT HTML :

Ini tempat kamu tuliskan di hightight

3. Kalau sudah ya tinggal save saja mudahkan.


4. Oh ya w lupa nih kalau mau ngubah letak dll untuk Hightlight ini :

<div><form name="copy"><div align="left">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button">
</div>
<p align="left">
<textarea style="width: 380px; height: 200px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Ini tempat kamu tuliskan di hightight</textarea></p></form></div>
<div><form name="copy"><div align="left"><div><p align="left"></p></div></div></form></div>

 Nah ini dia :
- Yg merah kamu ganti dengan left semuanya kalau mau diletakan dikiri hightlightnya, trus center utk tengah dan right utk kanan.
- Yg warna biru itu kamuganti dengan tulisan yang mau kamu tulis di Hightlightnya.
- Yg warna ungu itu kamu ganti (kalau mau) utk tulisan tombolnya

Contoh yang dah w edit

Nih yg di Composenya (Alias contohnya) :
<div><form name="copy"><div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Seperti ini" type="button">
</div>
<p align="center">
<textarea style="width: 380px; height: 200px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Seperti ini contohnya</textarea></p></form></div>
<div><form name="copy"><div align="center"><div><p align="center"></p></div></div></form></div>

Ini yg di HTML-nya :

Seperti ini contohnya

Semoga postingan saya bermanfaat

Created by Farizky