Blogger Otomatik Devamını Oku Eklentisi

Bir yerde bu eklentinin SEO'ya + kattığını duymuştum. Umarım hala öyledir diyerek blogumda da kullandığım bu eklentiyi sizlerle paylaşıyorum. Bu eklenti sayesinde "Acaba yazıyı nereden kessem ?" derdi yaşamayacaksınız. Kendisi yazının bir bölümünden "Devamını Oku" ibaresini yayınlayacak.

Bu eklenti sayfalarda devamını oku işlemini gerçekleştirmiyor. Onu da belirteyim.

Nasıl Yaparım ?

Aşağıdaki kodu CTRL+F ile bulunuz.

</head>

Bulduğunuz kodun üstüne aşağıdaki kodu ekleyin.

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 400;
summary_img = 400;
img_thumb_height = 120;
img_thumb_width = 120;
</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");

if(img.length<=0) {
imgtag = '<span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEial5zP2dokM_89vviy0hpgcPbr4Is3n-zmkgbdFuAiQIIGYXLrs5Xwod066Y8S-PaHCdaXH-ToA0TRwSiUq-aT9FPZe8lI1ZrAppf6JFUGSvnkxuXlsxONNvVaw9eGei6mHUkfrG9rvLKE/s0/2nrklth.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}

if(img.length>=1) {
imgtag = '<span style="float:left;margin-right:5px;"><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şlemleri tamamladıktan sonra yanlışımız var mı kontrol etmek için Önizleme yapalım hatamız yoksa devam edelim.

Aşağıdaki kodu bulun

<data:post.body/>

Bulduğunuz kodu silin ve yerine aşağıdaki kodu yerleştirin.

<!-- Oto devamını oku başlangıç -->
<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>
<!-- Oto devamını oku bitiş -->

Düzenlenecek Yerler:

Aşağıdaki kod anasayfada yazının ne kadarının görüntüleneceğini belirler. 

summary_noimg = 400;
summary_img = 400;

Bu kod ise konuyu eklediğiniz ilk resmin anasayfada hangi boyutlarda görüntüleneceğini belirler.

img_thumb_height = 120;
img_thumb_width = 120;

Aşağıdaki linkte ise resim eklemediğiniz yazılarda (yalnızca anasayfada) görülecek resim yer alıyor.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEial5zP2dokM_89vviy0hpgcPbr4Is3n-zmkgbdFuAiQIIGYXLrs5Xwod066Y8S-PaHCdaXH-ToA0TRwSiUq-aT9FPZe8lI1ZrAppf6JFUGSvnkxuXlsxONNvVaw9eGei6mHUkfrG9rvLKE/s0/2nrklth.jpg

Eklentiniz hayırlı olsun, iyi bloglamalar..