Sponasor Reklam

Son Dakika Haberleri

Yazarlar Eklentisi

Okur yorumları mesajlarından gelen makul isteklere kişiye özel yanıt vermek yerine blog aracılığıyla herkesin faydalanabileceği cevaplar vermeye daha fazla odaklanmak istiyorum.

Bu baÄŸlamda uzun zamandır Blog Hocam takipçisi olan Esin Akarsu’nun bir sorusunun cevabını buradan paylaÅŸmak istiyorum.

Kendisi bazı bloglarda gördüğü ve blogdaki yazarların listelendiği, yazarlar eklentisi tarzında bir eklentisini nasıl yapabileceğimizi sormuştu.

Yazarlar eklentisi temel birkaç HTML tablo koduyla yapılabilir fakat herkesin bu kodlara hakim olmadığını düşünerek bir örneğini burada göstermek istiyorum.

yazarlar eklentisi


Aşağıdaki kodları yerleşimden HTML/JavaScript gadget olarak eklediğiniz blogunuzun sidebarında yazarların profil resimlerinin, isimlerinin, profil linklerine ve yazılarına linklerin yer aldığı bir yazarlar listesi oluşacaktır.

<center><strong><u>YAZARLAR</u></strong></center><br/>
<table cellspacing="0" cellpadding="0" width="251" border="0"><tbody>
    <tr>
      <td width="124" align="center"><img src="https://lh5.googleusercontent.com/-kdgXVUeKv8o/AAAAAAAAAAI/AAAAAAAAGKo/To7qbwbiwKo/photo.jpg" width="50" height="50" /></td>

      <td valign="top" width="125"><strong>Serdar Kara</strong>
        <br /><a href="https://www.google.com/+SerdarKara">Profili</a> | <a href="https://bloghocam.blogspot.com/">Yazıları</a></td>
    </tr>

    <tr>
      <td valign="top" width="124">
        <p align="center"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6mL9NQm5FDVL6PiJYvSUzpaX2dKwTz-GPn9X60GyI1npId3i02xxDmBeH3IrqDPVSIU6IUJTf37a5BVikwmOocqfBCBm5x_EqojCCKfEjuplImGd2UII3SEoEcd6YkAAlc9pATHBMZH4/s1600-r/11111.jpg" width="50" height="50" /></p>
      </td>

      <td valign="top" width="125">
        <br /><strong>Esin Akarsu</strong>

        <br /><a href="https://plus.google.com/101454004140909310269">Profili</a> | <a href="http://www.kremrengi.net/">Yazıları</a></td>
    </tr>

    <tr>
      <td valign="top" width="124">
        <p align="center"><img src="https://goo.gl/IxHWWU" width="50" height="50" /></p>
      </td>

      <td valign="top" width="125">
        <br /><strong>Ä°sim Soyisim</strong>

        <br /><a href="https://profil-url.html">Profili</a> | <a href="https://yazi-url.html">Yazıları</a></td>
    </tr>

    <tr>
      <td valign="top" width="124">
        <p align="center"><img src="https://goo.gl/IxHWWU" width="50" height="50" /></p>
      </td>

      <td valign="top" width="125">
        <br /><strong>Ä°sim Soyisim</strong>

        <br /><a href="https://profil-url.html">Profili</a> | <a href="https://yazi-url.html">Yazıları</a></td>
    </tr>

    <tr>
      <td valign="top" width="124">
        <p align="center"><img src="https://goo.gl/IxHWWU" width="50" height="50" /></p>
      </td>

      <td valign="top" width="125">
        <br /><strong>Ä°sim Soyisim</strong>

        <br /><a href="https://profil-url.html">Profili</a> | <a href="https://yazi-url.html">Yazıları</a></td>
    </tr>
  </tbody></table>

HTML bilginizi kullanarak kodlarda bazı değişiklikleri yapabilirsiniz. Değiştirilmesi zorunlu yerler ise şu şekilde:

  • Bordo ile yazdığım urllerin yerine yazarlara ait profil resimlerinin urlsini yazın. Profil resmi otomatik olarak 50x50 boyutuna gelecektir. Dilerseniz kodlardan bu boyutu da istediÄŸiniz deÄŸerlerde deÄŸiÅŸtirebilirsiniz.
  • Mavi ile yazdığım yerlere yazar isimlerini veya rumuzlarını yazın.
  • YeÅŸil ile yazdığım yerlere yazarların profil urlleri gelecek. Buraya ister Google+ profilini, ister Facebook veya Twitter profilini, isterseniz de o yazarın hakkımda sayfasının urlsini yazın.
  • Mor ile yazdığım yerlere ise yazarların yazılarının bulunduÄŸu arÅŸivin urlsi gelecek. Tabi bunun için önceden her yazar için hazırlanmış ve içerisinde o yazarın yazılarının listelendiÄŸi bir arÅŸiv sayfası olması gerekir. Dilerseniz burayı silebilir veya baÅŸka bir amaçla kullanabilirsiniz.
Umarım Esin Akarsu ve böyle bir eklentiye ihtiyacı olan diğer bloggerların ihtiyacını karşılamıştır. Bu vesile ile bir kez daha belirtmek isterim ki mesaj trafiğim çok yoğun olduğundan herkese tek tek cevap vermekte zorlanıyorum. Makul isteklere bu şekilde blog yazılarıyla yanıt vereceğimi bilmenizi ister, anlayışınız ve ilginiz için teşekkür ederim.

Ä°yi bloglar!!!

Hiç yorum yok