Blogger Otomatik Devamını Oku Eklentisi

Başlıkta da görüldüğü gibi sitemizde ki konuya "yazının devamını oku" gibi bir bağlantı oluşturacağız. Devamını oku eklentisi yerine < !--more-- >etiketini kullanarakta yazınızın belli kısmını gizleyebilirsiniz ancak bu kullanacağımız eklenti kadar düzenli bir görüntü yaratmayacaktır. Dilerseniz eklenti kurulumuna geçelim.

Kuruluma başlamadan her ihtimale karşı temanızın yedeğini almayı unutmayın.

Devamını Oku eklentisi nasıl kurulur?

İlk olarak temamızdan aşağıdaki kodu buluyoruz.

</head>

Hemen üzerine aşağıdaki kodları ekliyoruz.

<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 masSummaryAndThumb(mas1,mas2){var div=document.getElementById(mas1);var imgtag="";var img=div.getElementsByTagName("img");var summ=250;if(img.length>=1){imgtag='<a href="'+mas2+'"><span style="float:left;margin-right:10px"><img src="'+img[0].src+'" width="220px" height="130px"/></span></a>';summ=250}var summary=imgtag+'<div class="entry">'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=summary}
//]]>
</script>

Temamızı kaydetmeden devam ediyoruz, Ctrl+F ile aşağıdaki kodu buluyoruz.

<data:post.body/>

Yukarıda kodu aşağıdakilerle değiştiriyoruz ve şablonu kaydediyoruz.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
masSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;);
</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Resim boyutunu değiştirmek için 1. kod içerisindeki width="220px" height="130px" değerlerini,
Karakter sayısını belirlemek için 1. kod içerisindeki summ=250 değerlerini kullanabilirsiniz.