Blogger harika resimli ilgili benzer yazılar eklentisi
Blogger için harika resimli ilgili benzer yazılar eklentisi ile ziyaretçilerinizi blog sitenizde daha fazla tutun. İngilizce anlamı, Related Post olan benzer yazılar eklentisi bir çok özelliğe sahiptir.
Benzer yazılar eklentisi (Related Post) faydaları nelerdir?
İlgili benzer yazılar eklentisini eklemek için şablondan CTRL + F yardımı ile aşağıdaki kodu bulun.
Kırmızı ve mavi renklerde belirttiğim yerler,(80px; height: 56px; box) resim boyutlarını belirler. max-results=7 ile var maxposts=6; görünmesini istediğiniz makale sayısını belirler.
Benzer yazılar eklentisi (Related Post) faydaları nelerdir?
- Hemen çıkma oranını azaltır.
- Sayfa görüntüleme sayısını arttırır.
- İç bağlantıları arttırır.
- Ful Responsive yani tüm teknolojik cihazlarla uyumludur.
- Arama motorları ile uyumludur.
İlgili benzer yazılar eklentisini eklemek için şablondan CTRL + F yardımı ile aşağıdaki kodu bulun.
<div class='post-footer'>Bulduğunuz kodun hemen altına aşağıdaki kodları ekleyin.
<!--Netbilen haber related post start-->Özelleştirme:
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.related-post-title{font-size: 1em;padding: 0px 0px 15px;margin: 5px 0px;border-bottom: 1px dotted #000;} #related-posts {margin: 0px 0px 15px 0px;border-bottom: 1px dotted #000;padding-bottom: 10px; } #related-posts a { font-size: 1.2em; color: #525252; text-transform: capitalize; text-decoration: none; line-height: 20px;} #related-posts a:hover { text-decoration: none; color: #06c; } #related-posts ul { list-style-type: none; color: #000000; } #related-posts li { padding: 8px 2px; border-bottom: 1px solid #E2E2E2; clear: both; font-family: Helvetica; font-size: 12px; overflow: auto; border: 1px solid #CCC; margin: 5px 5px 8px 5px; border-radius: 4px; box-shadow: 0px 0px 5px #B6B6B6;background:#FAFAFA;} .image_left{ float: left; margin: 0px 10px 10px 2px; border: 1px solid #fff; padding: 0px; width: 80px; height: 56px; box-shadow: 0px 0px 4px #777; } #related_here{ float:left; width: 49%; padding: 0px; margin:0px; } #related_here2{ float:right; width: 49%; padding: 0px; margin:0px; } .related_all_ul{overflow: auto;}
</style>
<script type='text/javascript'>
//<![CDATA[
function related_results_labels(e){for(var l=0;l<e.feed.entry.length;l++){var t=e.feed.entry[l];relatedTitles[relatedTitlesNum]=t.title.$t;var r=e.feed.entry[l].media$thumbnail.url,a=r.replace("/s72-c/","/s100/");if(e.feed.entry[l].media$thumbnail)var r=e.feed.entry[l].media$thumbnail.url,a=r.replace("/s72-c/","/s100/");else if(null!=e.feed.entry[l].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/))var a=e.feed.entry[l].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/)[1];else var a="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcS0QOlP2gi2cS6VEhLRqUaPKd28JY6G7aJNuESednjVMuaZcvUYUaQ2ffMVu8hxagEjKqX06GEQC9wg6dk8PeKAepp56fM_53hMImVLy2ys99JHh6gbPOzZjNyGUJbIRvkg8nsnNcDeo/s250-Ic42/no-thumbnail.png";relatedImage[relatedTitlesNum]=a;for(var n=0;n<t.link.length;n++)if("alternate"==t.link[n].rel){relatedUrls[relatedTitlesNum]=t.link[n].href,relatedTitlesNum++;break}}}function removeRelatedDuplicates(){for(var e=new Array(0),l=new Array(0),t=new Array(0),r=0;r<relatedUrls.length;r++)contains(e,relatedUrls[r])||(e.length+=1,e[e.length-1]=relatedUrls[r],l.length+=1,l[l.length-1]=relatedTitles[r],t.length+=1,t[t.length-1]=relatedImage[r]);relatedTitles=l,relatedUrls=e,relatedImage=t}function contains(e,l){for(var t=0;t<e.length;t++)if(e[t]==l)return!0;return!1}function printRelatedLabels(e){for(var l=0;l<relatedUrls.length;l++)relatedUrls[l]==e&&(relatedUrls.splice(l,1),relatedTitles.splice(l,1),relatedImage.splice(l,1));var t=Math.floor((relatedTitles.length-1)*Math.random()),l=0;for(relatedTitles.length>1;l<relatedTitles.length&&20>l&&l<maxposts;)l%2==1?document.getElementById("related_here2").innerHTML+="<li><img class='image_left' src=\""+relatedImage[t]+'"><a href="'+relatedUrls[t]+'">'+relatedTitles[t]+"</a></li>":document.getElementById("related_here").innerHTML+="<li><img class='image_left' src=\""+relatedImage[t]+'"><a href="'+relatedUrls[t]+'">'+relatedTitles[t]+"</a></li>",t<relatedTitles.length-1?t++:t=0,l++;relatedUrls.splice(0,relatedUrls.length),relatedTitles.splice(0,relatedTitles.length),relatedImage.splice(0,relatedImage.length)}var relatedTitles=new Array,relatedImage=new Array,relatedTitlesNum=0,relatedUrls=new Array;
//]]>
</script>
<div id='related-posts'>
<h6 class='related-post-title'>Benzer Yazılar:</h6>
<div class='related_all_ul'>
<ul id='related_here'/>
<ul id='related_here2'/>
<div style="font-size: 9px;float: right; margin: 5px;"><a style="font-size: 9px; text-decoration: none;" href="https://www.netbilenhaber.blogspot.com" rel="nofollow"></a></div>
</div>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=7"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'> var maxposts=6; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script>
</div>
<div style='clear: both;'/>
</b:if>
<!--Netbilen haber related post end-->
Kırmızı ve mavi renklerde belirttiğim yerler,(80px; height: 56px; box) resim boyutlarını belirler. max-results=7 ile var maxposts=6; görünmesini istediğiniz makale sayısını belirler.
Hiç yorum yok:
Yorum Gönder