20 Ağustos 2013 Salı

Blogger İçin Resimli Benzer Yazılar Eklentisi

Blogger bloğunuzda benzer yazıları resimli bir şekilde ziyaretçilerinize göstermek istiyorsanız bu eklentiyi kullanmalısınız. Bu eklentiyi nasıl Blogger bloğunuza eklersiniz? 


İlk olarak aşağıdaki kodu bulun. 
</head> 
Bu kodu “Şablon” – “HTML’yi düzenleden bulabilirsiniz. Kodu bulduğunuz zaman hemen üstüne aşağıdaki kodları yapıştırın. 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
text-transform:none;
padding-left:5px;
}
#related-posts li {
list-style:none;
}
#related-posts h2{
font-size: 18px;
font-weight: bold;
color: #003300;
}
#related-posts a{
font-size: 16px;
color:#868686;
}
#related-posts a:hover{
color:black;
}
a.hidden img{
filter:alpha(opacity=70);
-moz-opacity: 0.5;
opacity: 0.5;
}
a.hidden:hover img{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}
</style>
<script src='http://yourjavascript.com/1124875421/benzer.js' type='text/javascript'/>
</b:if> 
Kodu yapıştırdıktan sonra şimdi de aşağıdaki kodu bulun. 
<data:post.body/> 
Kodu bulduktan sonra kodun altına aşağıdaki kodları yapıştıralım. 
<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=4;
var relatedpoststitle=&quot;BENZER YAZILAR&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if> 
Yapacağınız işlemler bu kadardır. Eğer bir yanlış yapmadıysanız eklentiniz hazır demektir.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.

Hiç yorum yok:

Yorum Gönder