AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

26 Ocak 2017 Perşembe

Blogger Benzer Yazılar Eklentisi - Türkçe Karakter Destekli Ve Reklamsız



Mhmt Kly arkadaşımız benden blogger için benzer yazılar özelliğini anlatmamı istemiş. Bende kendi kullandığım benzer yazılar özelliğini anlatmaya başlıyorum. Bazı yerlerde eklenti kurulduğunda türkçe karakterler hatası olur veya aşağıda minik bir reklam linki çıkar. Fakat ben javascript dosyasını kendime göre düzenlediğim için hem reklamsız hem de türkçe karakter desteklidir. Şimdi kuruluma geçelim.
</head>

kodundan hemen önce aşağıdaki kodu ekliyoruz.

<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i974.photobucket.com/albums/ae221/themescook/xclearfam/bullet_star.png") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/pckolog-blog_benzer.js' type='text/javascript'/>

Sonra Ctrl+F yardımıyla şablonumuzda

<p><data:post.body/></p>

kodunu aratıyoruz. Bu kodun altına da aşağıdaki kodu ekliyoruz.

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Benzer Yazılar : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

ve şablonumuzu kaydediyoruz. Hepsi bu kadar.

Ek olarak eklentideki sıralama resmini değiştirmez isterseniz: Bu resim yerine kendi liste resminizi koyabilirsiniz.

Yazıların arasındaki ayraç çizgisini kaldırmak için

border-bottom:1px dotted #cccccc;

kodunu

border-bottom:0px dotted #cccccc;

olarak değiştirebilirsiniz.

Herhangi bir sorun olursa lütfen yorum bölümünden belirtiniz.