Devamını oku kodu

Sitenizde Blogger'ın basit şablonlarından birini kullanıyorsanız, yazılarınız ana sayfayı olduğu gibi kapsayacak ve istemediğiniz bir görüntü oluşturacaktır. Hem daha az yer kaplasın, hem de ana sayfada daha çok post yani yazı göstermek için bu basit kodu kolay bir şekilde sitenizin ana CSS kodlarının içine eklemeniz yeterli olacaktır. "Devamını oku" ibaresi ile site ziyaretçilerinizi, okumak istedikleri yazıya kolayca yönlendireceksiniz...



Gelelim nasıl yaparım sorusuna?

1. Blogger ayarlar sayfasında (Tema) kısmına gelin,
2. HTML'yi Düzenle kısmına gelip, butona tıklayın,
3. Açılan sayfada, klavyenizdeki CTRL ve F tuşlarına aynı anda basarak bir arama kutusu çıkarın,
4. İçine şu kodu kopyalayıp, yapıştırın ( </head>  )
5. Bulduğunuz bu kodun üzerine aşağıdaki kodu yapıştırın.

<script type='text/javascript'>
var thumbnail_mode = "yes"; 
summary_noimg = 430; 
summary_img = 340; 
img_thumb_height = 150;
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>

Şimdi aynı şekilde şu kodu bulun (<data:post.body/> ), bulduğunuz bu kod şablonunuzda 2 tane olabilir, siz ( hasJumpLink ) yazan kodun üstündekini silip aşağıda verdiğim kodu yapıştıracaksınız ve üstte bulunan kaydet butonuna tıklayıp işlemi tamamlayacaksınız.

<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='readmore' expr:href='data:post.url'>Devamını oku »</a>
</b:if>
</b:if>