Blogger Sitenize Online Html Editörü Ekleme

Online HTML editörü

     Blogger blogunuza online html editörü ekleyerek kullanıcılara paylaştığınız kodları online olarak test etme imkanı verebilirsiniz.Bunu  sadece blogger için değil diğer sistemlerdeki siteleriniz içinde kullanabilirsiniz.Bu sayede blogger kullanıcıları kod'ları bloglarında deneyerek görme yerine,online html editöründe nasıl bir sonuç verdiğini gözlemleyebilirler.
     Blogger , wordpress,joomla vb sistemlerde sitenizi oluşturduktan sonra bazı eklemeler yapmak zorunda kalıyorsunuz.Bu eklemeler Blogger da widget, wordpress de bileşenler vs diye sürmekte.     
       Bugünkü anlatacak olacağım konuda da bu bileşenlerin blog sistemine uygulayıp test etmek yerine , sitenizde test etme imkanıdır.Blogger Blog kullanıcıları için çok kullanışlı bir editördür.Örneğin blogger blogunuza sosyal paylaşım ikonları eklemek istiyorsunuz veya blogunuza gelen kullanıcıların blogunuzu daha etkin kullanabilmeleri için blogunuza benzer yazılar eklentisini eklemek istiyorsunuz.Eklemek istediğiniz blogger widgetlerini blogunuza uygulamadan önce bu editör sayesinde nasıl sonuç verdiğini kontrol edebilirsiniz.Hem bu sayede blogunuzun şablonunda da bir değişiklik yapmamış olursunuz.

Blogunuza Online Html Editörü eklemek isterseniz aşağıdaki adımları takip ediniz :

• Bir makale oluşturma sayfasına gelin ve HTML kısmına tıklayın.
• HTML kısmına tıkladıktan sonra aşağıda vermiş olduğum kodları yapıştırın.

<table border="0" cellpadding="0" cellspacing="0" style="height: 69px; width: 200px;">
    <tbody>
<tr>
            
        </tr>
<tr>
            <td></td>
            <td><div>
<textarea cols="80" id="html" rows="10"></textarea></div>
<div style="text-align: center;">
<button onclick="view()">Html Kodunu Test Et <script src="http://csshtmltutorial.com/csshtmltutorial-javascriptexamples-1.js" type="text/javascript">
</script></button></div>
</td>
        </tr>
</tbody>
</table>
<br />

• HTML kısmına bu kodları ekledikten sonra oluştur kısmına tıkladığımızda ekranda görünecek olan resim aşağıdaki gibi olacaktır.

Html kod görünümü

• Daha sonra sayfayı yayınladığınızda Html kod editörünüz sayfadaki yerini almış olacaktır.

• İşlem bu kadar basit Yukarıdaki işlemleri yaptığınız takdir de sitenize online html editörü eklenmiş olacaktır.Html kodlarını çerçeve içine yazdıktan sonra test et kısmına tıkladığınızda kod görünümü açılacaktır.

Bir önceki yazımda Blogger da blogunuza online html editörü ekleme  hakkında bilgiler verilmektedir .