HTML Preview Di Blog

infoalya.com


.:infoalya.com:.  HTML Preview mungkin nama yang cocok untuk tool yang satu ini, untuk kegunaannya pasti sudah banyak yang tahu yaa. Walaupun diluar sana sudah banyak postingan mengenai tool yang satu ini tidak ada salahnya admin share lagi yaa  😀

Kita cek demonya dulu ya ... biar ga penasaran kawan

D E M O


Jika tertarik berikut ini langkah-langkahnya

Pada HTML mode paste kode dibawah ini (boleh di laman ataupun di postpage)

<form method="post" name="form1">
<textarea name="code" onclick="focus(this.code)" style="border: solid 1px #cccccc; box-shadow: 5px 5px 5px #CCCCCC; color: black; font-family: Courier New, Monospace, Courier; font-size: 14px; font-weight: normal; height: 400px; margin: 0px; padding: 5px; scroll: auto; width: 100%;"><style type="text/css"> Kode CSS disini </style><br />
Kode HTML disini</textarea></form><br/><br/>
<button onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Preview</button>   <button onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Clear </button><span style="color: white;"><a href="https://infoalya.com/">   infoalya.com</a><br/><br/>


Jika selesai silahkan publikasikan.
Selesai deehhh sekarang kita sudah punya tool sendiri 😊

[+] Silahkan tinggalkan komentar
[+] Berkomertarlah dengan santun
[+] Mohon tidak meninggalkan live link
[+] Terima kasih untuk komentar anda

https://infoalya.com

Post a Comment (0)
Previous Post Next Post