HTML Preview Di Blog

- October 09, 2017

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="http://infoalya.com/">   infoalya.com</a><br/><br/>


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

Share this with short URL:
Blogger
Disqus
Tinggalkan Komentar

No comments

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

 

ketik dan enter untuk mencari