Güncel Haberler, Yazılım, Teknoloji ve İnternet Paylaşım

Blogger Resimli Benzer Yazılar Eklentisi

Blogger kullanıcıları için bu yazımda blogger da resimli benzer yazılar bloggera nasıl eklenir onu anlatmaya çalışacağım.Link within ile de benzer yazılar eklentisi yapılabilir.Ama biz daha kullanışlı ve görsel olarak daha güzel görünmesi için link within i kullanmayacağız.Blogger a resimli benzer yazılar eklentisi nasıl yapıldığını adımları izleyerek sizde blogunuza uygulayabilirsiniz


Videoyu yu izleyerek blogunuza nasıl uygulayacağınız öğrenebilirsiniz
https://www.youtube.com/watch?feature=player_embedded&v=OcdL_S_zT80

Blogger resimli benzer yazılar eklentisi nasıl
yapılır?Öncelikle blogger panelimize girip Şablon/html i düzenle ye tıklıyoruz.
Widget şablonlarını genişlet kutucuğunu işaretliyoruz.
Kodlar içerisinde </head>  kodunu buluyoruz ve bu kodun hemen bir üst satırına aşağıdaki kodları ekliyoruz.

<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 type='text/javascript'>
var defaultnoimage="http://i39.tinypic.com/2n67qx5.jpg";
var maxresults=6;
var splittercolor="#d4eaf2";
var relatedpoststitle="Benzer Yazılar";
</script>
<script src='http://www.weebly.com/uploads/2/2/1/0/2210502/related-posts.js' type='text/javascript'/>
</b:if>

Sonraki adımda blogger kodları içerisinde :

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

kodunu buluyoruz.Bu kodun da hemen alt satırına aşağıdaki kodları yerleştiriyoruz.

<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>
<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:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>

</b:if></b:if>

kaynak: http://ugurturkoglu.blogspot.com/2013/01/blogger-benzer-yazlar-kullanclar-icin.html

Yorumlarınız için teşkür ederim Conversion Conversion Emoticon Emoticon