Blogger Yazı Alt Bilgisi Eklentisi

Bu eklentiyi şu yazımda "seventurka" isimli arkadaş istemişti. Bende nasıl yapıldığını ilerde anlatacaktım yani bu eklentinin daha zamanı vardı. Fakat BlogKaan isimli arkadaş benden daha uyanık olduğu için nasıl yapıldığını hemen anlatmış blogunda. Ben ise öyle uzun kod yerine sizlere işin mantığını anlatmaya çalışacağım. Eğer hazırsanız hemen bu eklentinin nasıl yapıldığına geçelim:



Öncelikle bu eklentiyi yapmak için Blogger hesabımıza giriş yapıp "HTML'yi Düzenle" kısmına girmeliyiz. ve "Widget Şablonlarını Genişlet" tikini aktif hale getirmeliyiz. Bunları yaptıktan sonra vereceğim kodu şu kodlardan sonra  herhangi bir yere yapıştırabilirsiniz. Bu kodlar hangileri yani hangi kodlardan sonra yapıştırabilirsiniz öncelikle onu söyleyeyim.Bu kodları:

dan sonra veya:



den sonra. Aynı şekilde:<div class='post-footer-line post-footer-line-2'/> ve



şeklinde istediğiniz koddan sonra ekleyebilirsiniz. Tabi bu kodlar şablondan şablona farklılık gösteriyor. Peki yukarıda verdiğim kodlardan sonra hangi kodları yapıştıracaksınız. Hemen o kodlarıda vereyim:

<span class='fullpost'><div style='BORDER-RIGHT: rgb(204,204,204) 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: rgb(204,204,204) 2px solid; MARGIN-TOP: 2px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: rgb(204,204,204) 2px solid; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(204,204,204) 2px solid; BACKGROUND-COLOR: rgb(255,248,175)'><img align='left' src='http://i37.tinypic.com/2i0enbo.png'/>Bu yazı; <b:if cond='data:post.dateHeader'><data:post.dateHeader/></b:if> <b:if cond='data:top.showTimestamp'>günü yazılmış olup, </b:if><b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' expr:title='&quot;Bu kategorideki yazıları göster: &quot; + data:label.name' rel='tag'><data:label.name/></a> kategorisine eklenmiştir<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if>. Bu ve buna benzer yazıları Rss nimetinin 2.versiyonu olan <a href='http://feedburner.google.com/fb/a/mailverify?uri=EnesveBlogu'>RSS 2.0</a> ile takip edebilir,<b:if cond='data:post.allowComments'> ve eğer istersende bu yazıya <a href='#comment-form'>1 yorumda sen yapabilirsin!</a></b:if></div></span>

 Kodlar smileyden dolayı gözükmediği için kod bölümünü txt şeklinde upload ettim.Burdan lütfen:



Bu koddaki işin mantığı kırmızı yerle gösterdiğim data:post.header'de saklı. Yani bu kod "data:post.header" sizin blogunuzdaki tarihi çekmeye yarıyor. Diğer kırmızı renkle gösterdiğim yerde label var mesela. Buda hangi etikete sahip olacağını gösteriyor. Yani önemli olan o tarihi çekebilmeniz. Onun dışında birde resim adresi ve feedburner aboneliği linki var. Resim adresini değiştirebilirsiniz zaten kırmızı renkel gösterdim. Feedburner adresinide siz kend blogunuzun besleme adresiyle değiştirirsiniz. Birde şunu belirteyim. Kodun sonlarına doğru "#comment-form" var. Bu sizde "#respond' şeklinde olabilir. O yüzden buraya da dikkat edin. Eğer yapamadığınız yer olursa sormaktan çekinmeyin.