06 Temmuz 2009

Bir önceki "Blogger Tutorials" etiketli yazımda Yazı başlıklarınıza nasıl resim ekleyebileceğiniz hakkındaydı. Merak edenler bu adresi ziyaret edebilirler. Bu konuyla tamamen bağlantılı olan bu konuda da yapılacaklar esasında çok benzer şeyler.

Farklı yazarları barındıran bir blogsanız ve yazıyı kimin yazdığını en iyi şekilde okuyucuya ifade etmek istiyorsanız kesinlikle kullanmanızı öneririm.

İlk Adım: Yerleşim > HTML'yi Düzenle > Widget Şablonlarını Genişlet' e tıklayın. Ve "Ctrl+F" yardımı ile alttaki kodu bulun.
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Adım 2: Yukarıdaki kodda kırmızı ile renklendirilmiş olan koddan hemen sonra alttaki kodu yapıştırın.
<b:if cond='data:post.author == "YAZAR1"'>
<span class="author"><img src="RESIM1_URL"/></span>
</b:if>

<b:if cond='data:post.author == "YAZAR2"'>
<span class="author"><img src="RESIM2_URL"/></span>
</b:if>
Yukarıdaki kodda YAZAR1 ve YAZAR2 ksıımlarına Profilinizde görüntülenen şekli ile yazar isimlerini yazın.

RESIM1_URL ve RESIM2_URL kısımlarına 30-30 px veya 50-50 px büyüklüğünde yazar resimlerinin web adreslerini yazın.

Adım 3: CTRL+F yardımı ile ]]</b:skin> kodunu bulun ve üst kısmına alttaki CSS kodlarını yapıştırın.
.author img{padding: 0; float: left; border: none; margin: 0 10px 10px 0;}
Son Adım: Şabloununuzu görüntüleyin ve herhangi bir hata vermiyorsa kaydedin.

Kolay gelsin...
Yorum
yusuf mirza dedi ki...
cok tesekkurler musait olursanız sıse bırsey sormak istiyorum son orumların foooter kısmına nasıl alınabileceği gibi daha yenıyım ıns yardımcı olabılırsınıs
Sade dedi ki...
Sevgili Yusuf, Sayfa Ögeleri > Gadget Ekle > İçerik Takibi > bu kısma blogunun yorumlar için kullanılan besleme adresini yaz ve kaydet. Böylelikle son 5 yorumu sayfanda görüntüleyebilirsin.
yusuf mirza dedi ki...
tesekkurler sade daha gusel bı tema buldum ve onu kullancam super bence skarlet teması ve bu sıte yardımıyla buldum cok tesekkurler ayrıca beklerım 'Yorum Hanı'
Sade dedi ki...
Scarlet çok yakışmıştı bloguna ama eminim bulduğun temada çok şık bir temadır. Hayırlı olsun...
Kirli Adam's dedi ki...
Bu bilgileri otomatik çeken bir kod yok mudur acaba? Örneğin author ismi otomatik geliyor. Buna resmi nasıl ekleyebiliriz...
Sade dedi ki...
@Kirli Adam's: Bu yukarıdaki yöntemi yaptığınızda, otomatikman yazar ismi ve resimleri görüntülenecek.

Ekstra yazı yazmak istersen de </b:if> kodundan önce yazabilirsin.