Blogger İpuçları Serisi

Bugünkü yazımda "Blogger" altyapısını kullanarak blog oluşturan yazarlar için güzel bir makale yazmayı düşünüyorum.İşi fazla uzatıp detaya inmek yerine, en basit yoldan herkesin anlayabileceği şekilde "Blogger İpuçları" kategorisi altında yeni yazılar oluşturarak biraz faydalı olmak istiyorum.Sadece işinize yarayabilecek eklentileri sunmak istiyorum.Bunlardan ilki olan "Resimli Benzer Yazılar" eklentisini "Blogger Plugins" isimli arkadaş yapmış bende biraz üzerinde oynayarak gerekli değişiklikleri yaptıktan sonra anlatmaya başlıyorum:



Öncelikle Blogger hesabımıza girip "Yerleşim/HTML'yi Düzenle" sekmesine gelip "Widget Şablonlarını Genişlet" tikini aktif hale getirdikten sonra CTRL+F kısayolu ile <*/head> kodunu bulun ve hemen üstüne şu kodları yapıştırın: (koddaki * işaretini kaldırmayı unutmayın)

<!--Resimli Yazılar Eklentisi Kod Başlangıcı-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://enesilhan815.googlepages.com/BenzerYazilar.js' type='text/javascript'/>
</b:if>
<!--Resimli Yazılar Eklentisi Kod Sonu-->

Daha sonra şu kodu bulucaz:

<div class='post-footer-line post-footer-line-1'>

Eğer bu kodu CTRL+F yardımı ile bulamazsanız şu şekilde deneyin:

post-footer

Kodu bulduktan sonra o kodun altına şu kodları yapıştırın:

<!-- Resimli Benzer Yazılar Kod Başlangıcı -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Resimli Benzer Yazılar";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Resimli Benzer Yazılar Kod Sonu -->

Renkli olarak gösterdiğim yerleri isteğinize göre değiştirebilirsiniz.Gösterilecek yazı sayısınıda az tutmanız sizin yararınıza olacaktır.Eğer yapamadığınız yerler olursa bu konu altına yorum olarak probleminizi yazabilirsiniz.


İlk eklentimiz Resimli Yazılar Eklentisi oldu.İnşallah ilerleyen günlerde farklı farklı eklentilerin anlatımını yine bu blog üzerinden sizlere göstereceğim.İnşallah faydalı bir seri olur hepimiz için.Blogger gün geçtikçe kendini geliştiriyor ve güzelleştiriyor.Wordpress hakkında haddinden fazla yazı bulabiliyoruz internette ama Blogger ile ilgili bu kadar detayı bulamıyoruz.Ama ben ümitliyim bu işten Blogger kendini daha geliştirecek eminim ;)

Önemli Not:
Blogumda smiley eklentisi kullandığımdan kodlarda normal olarak yüz ifadesi çıkıyor.Bunun için ilk uzun kod satırı için : http://enesilhan815.googlepages.com/1.Kod.txt

2.Kod için ise: http://enesilhan815.googlepages.com/2.Kod.txt
adresine girip yazının tamamını CTRL+A tuş kombinasyonu ile kopyalayıp yapıştırabilirsiniz...