21 Ocak 2017: Cumartesi

Blogger Yazı Alt Bilgisi Eklentisi

Bu yazı 3 sene [3 seneden daha eski de olabilir] veya daha önce yayınlanmış olduğundan; görülen linklerde, resimlerde veya kodlarda hata olması çok olası. Herhangi bir hata ile karşılaşmanız durumunda bana buradan bildirebilirsiniz. Anlayışınız için teşekkür eder, keyifli okumalar dileriz :) Enes İLHAN
Blogger İpuçları 30 Ocak 2010 26 29.335  
Bu Kişisel Blog'da 544 kategori'de yazıya yazılmış adet değerli yorumlarınız bulunmaktadır..

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

<div class=’post-footer’>

dan sonra veya:

<div class=’post-footer-line post-footer-line-1’/>

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

<div class=’post-footer-line post-footer-line-3’/>

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

Bu yazıdan önce yazmış olduğum "Blogger Son Yazı&Yorum Eklentisi" başlıklı yazımı da okumanızı tavsiye ederim.

Enes ILHAN

Herkese Merhabalar, ben Enes İLHAN. Gaziantep'te doğdum, Adana'da Büro Yönetimi ve Yönetici Asistanlığı bölümünü okudum ve 2012'de mezun oldum. Askerliğimi uzun dönem olarak, { acemiliği Ankara/Mamak'ta , usta birliğini ise Hatay/İskenderun'da } yapıp bitirmiş bulunmaktayım. Şimdi ise hayata atılmanın çabası içerisine girmiş bulunmakta olup iş bulma derdindeyim.

26 Yorum Yapılmış

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir