Blogger Otomatik Devamını Oku Özelliği

Blogger otomatik devamını oku özelliğini anlatacağım.Adımları dikkatli takip ederseniz kısa yoldan sonuca ulaşacaksınız.

Kodlarda yapacağınız değişiklikleri hemen kaydetmeyin,önce ön izleme yapın ve her şey doğruysa kaydedin.

• Şablon > Html Düzenle > Widget Şablonlarını Genişlet
• Ctrl+f kombinasyonu veya F3 tuşu ile aşağıdaki kodu bulun : 

</head>

Ve hemen üstüne aşağıdaki kodları ekleyin.

<script type='text/javascript'>
var thumbnail_mode = "yes"; 
summary_noimg = 430; 
summary_img = 340; 
img_thumb_height = 200;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){ 
 if(strx.indexOf("<")!=-1)
 {
  var s = strx.split("<"); 
  for(var i=0;i<s.length;i++){ 
   if(s[i].indexOf(">")!=-1){ 
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
   } 
  } 
  strx =  s.join(""); 
 }
 chop = (chop < strx.length-1) ? chop : strx.length-2; 
 while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
 strx = strx.substring(0,chop-1); 
 return strx+'...'; 
}

function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
 if(img.length>=1) { 
  imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
  summ = summary_img;
 }
 }
 var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
 div.innerHTML = summary;
}
//]]>
</script>

Bu işlemden sonra aşağıdaki kodu :

<data:post.body/> 

 Bu kodlarla değiştirin.(Yukarıdaki kod bir çok yerde olabilir.Arattığınızda ilk çıkan ile değiştirin.)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Devamını oku ...</a>
</b:if>
</b:if>

İşlemler bu kadar.Ancak kendinize göre düzenlemek isterseniz aşağıdaki yerleri değiştirebilirsiniz.

var thumbnail_mode = "yes"; // burada ki “yes” resim gösterileceğini belirtir, oraya “no” diye yazarsanız yapılacak alıntıda resim gösterilmez.
summary_noimg = 430; //alıntı yapılacak yazıda resim yoksa alıntının uzunluğunu belirler.
summary_img = 340; //alıntı yapılacak yazıda resim varsa alıntının uzunluğunu belirler.
img_thumb_height = 200; //gösterilecek resmin yüksekliği.
img_thumb_width = 200; //gösterilecek resmin uzunluğu.