Kod Deneme Editörü Kodu
Web sitenizde yada bloğunuzda HTML, CSS, .JS kodlarını deneme imkanı veren basit ama kullanışlı bir editör ile test edebilirsiniz.
Sizler için düzenlediğimiz bu editörü isteğinize göre özelleştirebilirsiniz. Sitenizde paylaştığınız kodları hiç sayfanızdan ayrılmadan ön izleme yapabilecekleri için özellikle kod paylaşan siteler için oldukça kullanışlı bir editör.
Kod Deneme Editörü HTML Kodu
<table style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(235, 235, 234) none repeat scroll 0% 0%; border: 1px solid rgb(149, 148, 146); width: 600px;">
<tbody>
<tr>
<td valign="top"><form method="post" name="form1">
<textarea name="code" onclick="focus(this.code)" style="border: 1px solid rgb(185, 184, 182); height: 300px; padding: 5px; width: 300px;">Html kodlarınızı buraya yapıştırın ve yapıştırdıktan sonra aşağıdan önizle butonuna tıklayın . Daha sonra kodunuzun önizlemesi sağ tarafta çıkacaktır . </textarea>
</form>
</td>
<td valign="top"><iframe frameborder="0" name="preview" src="about:blank" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(185, 184, 182); height: 300px; width: 300px;"></iframe></td>
</tr>
</tbody>
</table>
<button onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">ÖN İZLE</button><button onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">TEMİZLE</button><button onclick="window.location.href=window.location.href">YENİLE</button><a href="" title=""><img alt="" border="0" class="resim" height="60" src="" width="468" /></a>
Blogger HTML / JavaScript Eklemek
Widget (gadget) olarak eklemek için :
Blogger > Düzen > Gadget ekle > HTML/JavaScript yolunu izleyerek istediğiniz yere ekleyebilirsiniz
Sayfa içinde kullanmak için :
Blogger > Yeni yayın oluştur > HTML yolunu izleyerek istediğiniz yere ekleyebilirsiniz.
Yorumlar
Yorum Gönder
🔺 YUKARI ÇIK 🔺