Farklı Yazarlar için Yazı Başlıklarına Farklı Resimler Ekleme

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...