Blogger Otomatik Devamını Oku Eklentisi

Etiketler : Blogger Devamını oku eklentisi

Otomatik devamını oku eklentisi blog yazılarınızı yazdıktan sonra normalde manuel olarak yaptığınız yazının belli kısmının anasayfada görüntülenmesi işini otomatik yapar. Anasayfada yazılarınız sizin belirlediğiniz kadarı çıkar ve resim sizin belirlediğiniz ölçülerde görüntülenir(yalnızca anasayfada).

Anasayfada yazı içerisindeki resimlerin boyutunu zevkinize göre otomatik küçültüyor ve yazının sadece sizin istediğiniz kadarını gösteriyor. Birçok blogda bu eklentinin benzerlerini görmüşsünüzdür ancak benim vereceğim kodları diğerlerinden farkı yazınıza resim eklemeseniz bile kod içerisinde ayarlanmış bir öntanımlı resim olması ve bloggerin /p/ sayfalarında etkili olmaması. Bu ikisinin sizler için büyük avantaj olduğunu düşünüyorum...

Eklentiyi bizzat kendim kullanıyorum ve yazı yazmak dışında başka işlerle uğraşmak istemeyen arkadaşlara tavsiye ederim. Ünlü blogger sitelerinde de seoya katkısı olduğu söyleniyor.

Eklentiyi kurmak için blogunuzun Html kodları arasında;

</head>

Kodunu bulun ve hemen üzerine aşağıdaki kodları 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/AVvXsEiqJ_Zc75yFmZBYfFbCoS9HDrUGnqNpLw6CiXXP7rU5I_geT7Ptuwk4MYIi05cYn2ploXRFfOLmgrquNXHA7LbwzNy2C3PMpOa9CsWoNAB0TC8PcGps3P7JML7n_1daBzkyuMgI_Em6-LfN/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>  

Bunları yaptıktan sonra yine tema kodlarınız arasında;

<data:post.body/>

Kodunu bulun ve bu kodu silip yerine aşağıdaki kodları ekleyin.

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

Yönergeleri eksiksiz uyduladıysanız bir sorun çıkacağını sanmıyorum kodlar sorunsuz çalışacaktır. Geriye sadece zevkinize göre düzenleme yapmak kalıyor.

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/AVvXsEiqJ_Zc75yFmZBYfFbCoS9HDrUGnqNpLw6CiXXP7rU5I_geT7Ptuwk4MYIi05cYn2ploXRFfOLmgrquNXHA7LbwzNy2C3PMpOa9CsWoNAB0TC8PcGps3P7JML7n_1daBzkyuMgI_Em6-LfN/s0/2nrklth.jpg