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

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

Bu Yazıya Emoji İle Tepki Ver?

  • Beğen
  • Muhteşem
  • Hahaha
  • İnanılmaz
  • Üzgün
  • Kızgın

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

  1. BilgiBankan   •  

    Hayır ya ağlamak istiyorum kaç gün aradım sizde gördüm çok canım istedi ama sormaya çekindim, sonunda kendim yapmaya karar verdim ve yaptım da 😀 Ama benimki biraz farklı hem görsel olarak hem de kullanış açısından ben birkaç farklı amaç için kullandım bunu bugün uygulamıştım ben de zaten ama sizinki de çok güzel 🙂

  2. Enes İLHAN   •  

    @BilgiBankan
    Kesinlikle istediğiniz eklenti olursa nasıl yapıldığına dair sormaktan çekinmeyin. Blogunuza baktım gayet güzel bir şekilde uygulamışsınız fakat koyduğunuz ikonlar bazı yazılarda etiketin içine girmiş gibi görünüyor. Yani padding ve margin ayarları hatalı gibi geldi bana.

  3. BilgiBankan   •  

    Onun nedenini açıklayayım hala üstünde çalışıyorum ama çözemedim biraz daha uğraştıracak sanki 🙂 Mozilla'da problem olmuyor chrome ve ie problem yaratıyor.Çözmeye çalışıyorum hala birinde düzelse diğerinde bozuluyor :S Olmadı iconları kaldırırım olur biter 🙂

  4. BilgiBankan   •  

    Merhaba http://i27.tinypic.com/2zz7243.png görselini blogumda kullanmak istiyorum tabi izin verirsen seni hakkımızda alanında yararlandığımıza dair belirteceğim reddedersen bloguma yorum yap görseli kaldırayım.. 😉

  5. Enes İLHAN   •  

    @BilgiBankan,
    Siz böyle izin isteyerek bir şey rica edin blogumdaki her görsel sizin olsun 😉

  6. Enes İLHAN   •  

    @Yunus Yalçınkaya,
    İnan yazdığın feedi görmedi ff'de. Ama bu eklenti işine yaradıysa ne mutlu 🙂

  7. BlogKaan   •  

    Uyanık olduğu için demişsin, Uyanığı hangi anlamda yazdığını kestiremedim. Bana kullanıyorsun paylaşırmısın dediler bende paylaştım.
    Bu arada güzel yazı olmuş eline sağlık.

  8. Piskopat-Yazar   •  

    emeğine sağlık güzel eklenti 😉

  9. KIRLI   •  

    ooo çok güzel normalde css hakkında az biraz bilgim var css de bildiğiniz pek çok şeyi bloggerda uygulayabiliyoruz. Fakat bu xml işi bozuyor… Öğrendiğim iyi oldu notlara ekledim bu yazıyı…

  10. Anonymous   •  

    sevgili enes abivim ben de yeniyim ama bu sizin kıodu yaptım devamı diyorum görnüyo ama ana sayfadada görünüyo ben bunu sadece devamı nı kıkladıktan sonra çıkmasını istiyrum ilgine teşekkür ederim emeğine sağlık

  11. hafriyat   •  

    emeğine saglık tesekkurler

  12. Anonymous   •  

    Ben almanyadan sevgi, gercekten cok guzel bir blog, eger twitter veya facebook sayfasi varsa hemen
    ekliycegim.

  13. Anonymous   •  

    Wow neat! This is a really great site! I am wondering if anyone else has come across something
    exactly the same in the past? Keep up the great work!

  14. Anonymous   •  

    Hello there,

    Thanks for sharing the link – but unfortunately it seems to be not working? Does anybody here at http://www.enesilhan.net have a mirror or another source?

    Thanks,
    Peter

  15. Anonymous   •  

    Hi there,

    Thanks for sharing the link – but unfortunately it seems to be down? Does anybody here at http://www.enesilhan.net have a mirror or another source?

    Cheers,
    Oliver

  16. Anonymous   •  

    Hi there,

    I have a message for the webmaster/admin here at http://www.enesilhan.net.

    Can I use part of the information from your post right above if I give a backlink back to your site?

    Thanks,
    Jack

  17. Anonymous   •  

    Alright
    can any one help me?
    I need a free MMORPG which has a number of gamers and so they (perfectly many of them) can speak English. It is very important that the servers have a very large amount of gamers. I'm trying to find something such as Diablo and also Wow. I'm in addition not willing to pay any money as I just have a little extra time to destroy at this moment. It's alright if the game costs nothing along with premium content. I have looked a lot for MMORPGs but not one of the websites actually say just how much gamers tend to be online.
    regards

  18. Anonymous   •  

    Hello there,

    This is a message for the webmaster/admin here at http://www.enesilhan.net.

    Can I use part of the information from your post right above if I give a link back to this website?

    Thanks,
    John

  19. Anonymous   •  

    Hey,

    This is a inquiry for the webmaster/admin here at http://www.enesilhan.net.

    May I use part of the information from this blog post above if I give a link back to your website?

    Thanks,
    Oliver

  20. Anonymous   •  

    Hi – I am certainly glad to discover this. cool job!

  21. Anonymous   •  

    Hi – I am certainly glad to find this. cool job!

  22. Anonymous   •  

    Kardeş eline sağlık uyguladım ve beğendim. Teşekkür ederim.
    *İngilizce olarak yorum yapan arkadaşlar Lütfen Türkçe'mize Sahip Çıkalım.

    http://maviincir.blogspot.com/

  23. oyun oyna   •  

    merhaba siteniz çok güzel. tanıtım yazısı almak istiyorum. mail adresimden bana mail atarmsnız lütfen. iyi çalışmalar

Bir Cevap Yazın

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

Güvenlik Sorusu ? * Time limit is exhausted. Please reload the CAPTCHA.