Blogger Yazı Üstüne Yazar, Etiket, Yorum Ekleme

Bloggerda bu yazımda sizlere anlatacağım konu her yayının üstünde sizin profiliniz, ne zaman yayınlandığı yazınızın,etiketler ve kaç yorum yapıldı özelliği.

Üst resimdede görmüş olduğunuz gibi arkadaşlar bu şekilde blog profilinizi renklendirebilirsiniz bunun bir demosunuda sizlerle aşağıda paylaşıyorum uygulaması ve yapımı oldukça basit bir eklenti bu içeriği hakkındada değiştirmek istediğiniz yerleri sizlere anlatıcam.

DEMO

Blogger Kumanda Paneli girin

İlk Başta Şablonumu Yedeklemeyi Unutmayalım.

Daha  sonra Şablon seçin

 HTML'yi düzenle >> Witget Şablonu Genişlet daha sonra CRTL+F yardımı ile <div class='post-header'> kodunu bulun.

Şimdide aşağıdaki kodları bulduğunuz <div class='post-header'> kodunun üstüne yapıştırın.

<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrDwjkSrbXHiV3_O-RDQ9eqCU8RDRR48Sdd6lqzAdRBQL6w8OWZeChbOeDVB8TZjJogzDjnlI0WgYuTdmLtr-wPFjtKRYeeK8bmjxDdp1053GYq3-TZkkWQ67ku15OLCxhqUwUEzbtsnvp/s1600/author.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGVS3TwKGjpM55siI5ECrn7DdpX4Uy5JFMPZaHRHU7M6CF_C0lCuDRG48hvnlqqQrokIiYdvI37x_epTnFcPZx8EndJcgCv-RdzlSXHapcFPUQOyjwFDq6NLsmQqdogD52uYId-l-nZboc/s1600/clock_icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMwG8gy2hChY3QwE4TebL_b526haLMVHWqvCqhQe-7dPk89geJxK_txsfJkSL9Zxh_xNAqNVr7meq1B9Q_CptTenDVuX7YJteRWytQGqJ5eMRgQQraF1oAGuBtuyRLUriQGCMHUJ05WUrV/s1600/tag+icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if> </b:loop> </b:if></font> <span class='post-comment-link' style='Float:right;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj46-k9RknOEuvuP85IlndnKjm5nL1kEG-iJcAwZIyeBuQtTem_uTzSwIP_t6Ki9MZJoFZbTfe3eYIpx3fN9XUX22t0Bmwco19X_3cJEsNPkKK2gG0N-WpZZ6bLqc9TIXrHM_oBsfAez0Wb/s1600/comment-icon.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>Yorum Yok<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Yorum Yapıldı<b:else/><data:post.numComments/> Yorum Yapıldı</b:if> </b:if></a> </b:if> </b:if> </span>


Kodlar içersinde renklendirdiğim bütün yazıları değiştirebilir ve kendi istediğinize göre ayarlayabilirsiniz.


http://www.bloggerturkey.com/2013/03/yazaretiketyorumbalonuekleme.html