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.
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.
HTML bilginizi kullanarak kodlarda bazı değişiklikleri yapabilirsiniz. Değiştirilmesi zorunlu yerler ise şu şekilde:
İyi bloglar!!!
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.
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/AVvXsEhpRD35_fscxbRTMvdp7B1Ndc11CHPUVbPlT4SPtgOc6xJ2CSPdFsFXzbxM05punMdnrpKRgpXf5lO774QlqxK-4MHHGNIv9i6IzZs78cz4oNnJ4EVgTDckEqk-cHzMM7KsOodDYesVsdQ/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.
İyi bloglar!!!
Valla bu konu süper oldu kaleminize sağlık ;)
YanıtlaSilÇoook teşekkür ederim emeğinize sağlık
YanıtlaSilBlog hocam daha yeniyim değerli vaktinizden ayırıp site analizi yapabilir misiniz lütfen. www.ihtiyachanem.net
YanıtlaSilÇok yazarlı sayfalar için oldukça faydalı olabilecek bir eklenti. Fakat benim sayfa gibi tek yazarlı olanlara pek yararı yok gibi.
YanıtlaSilEmeğinize teşekkürler
Sevgili hocam, beni yanlış anlamayın, sadece bir görüşümü belirtmeden geçemedim.
YanıtlaSilSorulara tek tek cevap veremeyecek kadar yogun olduğunuz kesin, ancak bir soru için bir başlık açmak daha zahmetli olduğu da açık.
Bunun yerine birden çok soruları kapsayacak başlıklar serisi açmanız daha mantıklı değil mi?
Çok sorulan veya sorulma/googleda aranma ihtimali fazla olan konular için başlık açıyorum zaten. Ancak sizin öneriniz de çok iyi fikir. Öyle bir şey deneyebilirim.
SilTeşekkür ederim.
Yine faydali teknik bir bilgi ellerinize saglik
YanıtlaSilAh keşke ben de yapabilsem şu kod olayını :)
YanıtlaSilacaba wordpress içinde kullanabilirmiyiz? bende buna benzer bir eklenti arıyodum. http://wwww.okuruz.net
YanıtlaSilEvet, HTML olduğu için tüm platformlarda kullanılabilir.
SilÇok teşekkürler.
YanıtlaSilBilgilendirici bir yazı olmuş elinize sağlık
YanıtlaSilMerhaba, bloğunuzun sıkı takipçisiyim ve emeğinize sağlık güzel bilgiler paylaşıyorsunuz. Bu yazarlar eklentisi çok hoşuma gitti ama mor kısım için dediğini anlamadım. Bahsettiğiniz "Yazarın yazılarının listelendiği bir arşiv sayfası" nı nasıl yapabiliriz. O yazara ait son yazıyı sağ sidebarda nasıl gösteririz.
YanıtlaSilhttp://bloghocam.blogspot.com/2012/02/arsiv-sayfam-nasl-olusturdum.html adresinde arşiv sayfas nasıl oluşturulur anlatmışsınız :) ziyadesiyle memnun kaldım. Şimdi ki sorunum son yazısını yazar isminin altına getirmek kaldı.. Yardımcı olabilirseniz sevinirim
SilBirden çok yazarlı bloglarda yazarın son yazısını orada göstermenin bir yolu yok bildiğim kadarıyla.
Silumarım bir yolunu bulursunuz, ben araştırıyorum.. Bulursam sizede bilgi vereceğim. Teşekkürler
Silgayet bilgilendirici bir yazı olmuş teşekkürler
YanıtlaSilHocam benim bloğumda ilk kişi her seferinde biraz sola kayıyor, nedendir?
YanıtlaSilDaha doğusu sadece fotoğrafı kayıyor.
SilHarika bir paylaşım. Teşekkür ederim. Kodlarda biraz değişiklik yapıp köşe yazılarını başka bir site yerine blog sitem içinde sayfa olarak ayarlayacağım. Yazılarını yayınlamak için izin istediğim köşe yazarlarından cevap bekliyorum.
YanıtlaSilhttps://akarbasiemlak.blogspot.com/