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

Blogger için resimli benzer yazılar eklentisi

blogger resimli benzer yazılar
Blogger resimli benzer yazılar
  Blogger blog yazarları için bu yazımda blogger da resimli benzer yazılar eklentisinin bloggera nasıl uygulanacağı'nı etkili bir şekilde anlatmaya çalışacağım.Link within ile de benzer yazılar eklentisi yapılabilir google da bir arama gerçekleştirdiyseniz eğer bu konu hakkında linkwithin'i mutlaka görmüşsünüzdür. 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ı takip ederek sizde blogunuza uygulayabilirsiniz




Blogger resimli benzer yazılar eklentisi nasıl yapılır?

  • Blogger'a giriş yaptıktan sonra Şablon/html i düzenle ye tıklıyoruz.
  • Kodlar içerisinde </head>  kodunu buluyoruz ve bu kodun hemen bir üst satırına aşağıdaki kodları ekliyoruz.
Arkadaşlar konu hakkında çok fazla soru sorulduğu ve problemler oluştuğunda dolayı bir de video yayını ekliyorum video yayınını mutlaka izlemenizi tavsiye ediyorum.
Konuya video yayını eklenmiştir.Videoyu yu izleyerek blogunuza nasıl uygulayacağınız öğrenebilirsiniz



<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>


  • daha sonra 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ı yapıştırıyoruz.
<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>


işlem bu kadar. Benzer yazılar eklentisini blogumuza uygulamış olduk. 
Konu güncellenmiştir Hala benzer yazılar hakkında hatan alan arkadaşlar buradan ulaşsınlar.


Bir önceki yazım  Google History web geçmişinizi temizleme adlı makalemde google history web geçmişinizin nasıl temizleneceği konusunda bilgiler verilmektedir.

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