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 kullanarak da yazınızın belli kısmını gizleyebilirsiniz ancak bu kullanacağımız eklenti kadar düzenli bir görüntü yaratmayacaktır.Devamını Oku eklentisi nasıl kurulur?
İlk olarak temamızdan aşağıdaki kodu buluyoruz.</head>
<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="200px" height="200px"/></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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
masSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");
</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
Resim boyutunu değiştirmek için 1. kod içerisindeki width="200px" height="200px"değerlerini,
Karakter sayısını belirlemek için 1. kod içerisindeki summ=250 değerlerini kullanabilirsiniz.
DönüşümDönüşüm İfadelerİfadeler