Responsive Premium Blogger Temaları

18 Mart 2014 Salı

Blogger Resimli Benzer Yazılar Eklentisi

Blogger resimli benzer - ilgili yazılar eklentisi nasıl yüklenir?

Blogunuzun ziyaretçi trafiğini artırmak ve alexa değerlerinizi düşürmek için, bloğunuza bir şekilde ulaşmış ziyaretçileri sitenizin daimi okuyucusu haline getirmeli ve onların ziyaretleri sırasında bloğunuzda uzun süreli kalmalarını sağlamalısınız. Ziyaretçilerinizin blogunuzda uzun süreli kalmaları da elbette yazınızın kaliteli bir içeriğe sahip olmasını gerektirdiği gibi benzer yazıları işaret ederek onlara da ulaşmasını sağlamakla da mümkün olmaktadır. Bu yüzden yazımızda site içi link yerleşimini yapmalı ve yazı sonlarında okuyucularımız sitemizi terk etmeden görmesi için ilgili yazılar eklentisi muhakkak yer almalı. Bu yüzden bu yazımda bloğumuza şık resimli ilgili yazılar eklentisi nasıl kurulur onu paylaşacağım.

Blogger Resimli İlgili Yazılar Eklentisi Nasıl Kurulur

Bu eklentiyi elbette kodlar yardımıyla ekleyeceğiz.Bu yüzden herhangi bir çalışma yapmadan şablon yedekleme işlemini yapmanızı öneririm.

  • Blogger hesabınıza giriş yapın :
  • Şablon—>Html Düzenle yolunu izleyerek kodları düzenleyeceğiniz ekrana ulaşın.
  • Aşağıdaki kodu şablonunuzda Ctrl+F tuşları yardımıyla arayın.
</head>
  • Bu kodun hemen üzerine aşağıdaki kodları yapıştırın :

<!--Resimli Benzer Yazılar-->
<!-- remove --><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: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;İlgili Yazılar&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/>
<!-- remove --></b:if>
<!—Resimli İlgili Yazılar-->

Sıra geldi son adıma.Şimdi aşağıdaki kodu bulun :

<data:post.body/>

  • Bu kodun hemen altına aşağıdaki kodu yapıştırın:
  • <!—Resimli İlgili Yazılar-->
    <!-- remove --><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'/>
    <!-- remove --></b:if>
    <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>

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

    <!—Resimli İlgili Yazılar-->

    Tüm adımları doğru yaptıysanız resimli ilgili yazılar eklentisini blogunuza kurmuş olacaksınız.data:post.body kodu blogunuzun 3 farklı yerinde olabilir.Siz en sonuncusunu tercih edin.Eğer kodları eklerken herhangi bir sıkıntı yaşarsanız yorum bölümünde belirtin.Çözmeye çalışayım.

    Hiç yorum yok:

    Yorum Gönder