Blog sitenize kod ön izleme araç ekleyin

              Blogunuzun birazcık daha kullanışlı olmasını , yoğun içerikli olmasını mı istiyorsanız. İstiyorsanız devam edelim. 

İlk olarak bizim de yaptığımız gibi web master araçları ekleyin. Bu blogu paylaştığımız anda bizim sitemizde toplam 4 web master aracı var. Bu araçlar gayet kullanışlı araçlar.

Bizde azıcık cömert olalım dedik ve kendimiz de internetten bulduğumuz web master araçlarından birinin kodunu sizlerle paylaşmaya karar verdik. 

Kod ön izleme aracı neye yarar ? 

Ziyaretçileriniz bu aracın olduğu sayfaya girip 2 sütundan soldakine önizlemesini görmek istediği kodu yapıştırıyor ve sağdaki sütunda da kodun önizlemesi çıkıyor. Bu mantıkla çalışan küçük ama işe yarayan bir kod diyebilirim.

Ziyaretçileriniz kodları sizden önizliyorsa başka bir kod için bir daha sitenize girer . Bu bakımdan da güzel bir kod. 

Kod ön izleme aracı 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>

.

Ben bu kodu nereye ekleyecegim ?  

.

Ön izleme aracını göstermek istediğiniz sayfanın html bölümüne ekleyiniz. Kod kutu içinde sıkıntı çıkardığı için düz yazdım. Kodu kendi kullandığımız ile birebir olarak verdim.

.

Hatta içinde kendi düzenlediğimiz metin bile aynıdır. Kodu güle güle kullanmanız ve Web Mecmuasını takip etmeniz dileğiyle ...