3 Blogunuzdaki Etiketleri Başlığınızın Altına Alın

Blogumuzda etiketleri kullanarak birçok şey yapabiliriz.Mesela yazılarımızı sınıflandırmak ya da aramalarda ön sıralarda çıkmak gibi.Bazen oldukça uzun etiketler belirleriz yazımıza.Fakat estetik açıdan güzel görüntüye sahip de olamayabilir sitemiz bu yüzden.Bu yazımda blogumuzdaki etiketleri başlığımızın altına nasıl alacağımızı anlatacağım.

İlk olarak Yerleşim / HTML'yi Düzenle'ye giriyoruz ve Widget Şablonlarını Genişlet'e tıklıyoruz.

Aşağıdaki kodları buluyor ve siliyoruz :

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>

Şimdi de CTRL + F yardımıyla aşağıdaki kodu buluyoruz:

]]></b:skin>

hemen üstüne şu kodları ekliyoruz:

div.tag{font-size:11px; padding-top:5px; color:#999999; margin-bottom:10px;}
.profileImage{float:left; margin:3px 6px 2px 0px; background:#FFF; padding:4px;}
.post-tag{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; margin-bottom:10px;}
.post-tag a:link, .post-tag a:visited{color:#666; text-decoration:none; font-style:italic;}

Bunu da yaptıktan sonra aşağıdaki mavi kodlu yerin altına tekrar aşağıda gösterdiğim kırmızı kodlarımızı yerleştiriyoruz:

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

<!-- Etiket -->
<div class='post-tag'> <b style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>Etiket</b>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+ &quot;?max-results=10&quot;' rel='tag' style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>
<data:label.name/>
</a>
<b:if cond='data:label.isLast != &quot;true&quot;'/>
</b:loop>
</b:if>
</div> 

İşlemlerimiz bittikten sonra Şablonu Kaydet diyor ve blogumuzu görüntülüyoruz.Artık blogunuz az daha estetik bir görüntüye sahip!


* Yazıda Özgün İçeriğin Yanı Sıra Aşağıdaki Sitelerden De Yararlanılmıştır

http://takipteyiz.blogspot.com/2009/07/etiketleri-yaz-baslgnn-altna.html