Oku Nedir

blogger otomatik devamını oku
Evet arkadaşlar bu eklenti sayesinde her yazıda devamını oku kullanmanıza gerek kalmıyacak.
Daha önce devamını oku eklentisi kullanmayan arkadaşlar içinde iyi bir eklenti kullanmalarını tavsiye ederim.
Eklentiyi ingilizce bir sitede buldum kendim türkçeleştirdim javascript dosyasınıda google siteme yükledim sağlam olsun diye isteyen arkadaşlar indirip kendi hostuna yükleyebilir.
İsterseniz javascript kodlarınıda temanıza ekleye bilirsiniz onun yönteminide anlatıcam.




Evet Başlayalım


1-İlk Adım Bloggere girin kumanda panelinden uygulayacağınız blogunuzu seçin Tasarım > HTML yi düzenle>Widget Şablonlarını Genişlet i işaretleyin sonra ctrl+f tuşlarına basıp aram kutusuna aşağıdaki kodu yazıp aratın.

</head>

2-Bu kodu bulunca hemen bir üstüne aşğıdaki kodları yapıştırın.
Kodlarda belirtiğim yerleri isteğinize göre değiştirebilirsiniz.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='https://sites.google.com/site/trnedersinbea/nedersinbea.js' type='text/javascript'/>

summary_noimg = 430; =Yazınızın resim yokken özetinin ne kadar olacağını belirler.
summary_img = 340; =Yazınızın resim varken özetinin ne kadar olacağını belirler.
img_thumb_height = 100; =Ana sayfada gözükecek küçük resmin yüksekliğini belirler.
img_thumb_width = 120; =Ana sayfada gözükecek küçük resmin genişliğini belirler.

3-Bunları yaptıktan sonra tekrar ctrl+f yaparak aşağıdaki kodu bulun.
<data:post.body/>

4-Yukarıdaki kodu bulduktan sonra o kodu silip aşağıdaki kodları oraya yapıştırın.
<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>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.canonicalUrl' rel='bookmark'><b>Devamını Oku >></b></a></span>
</b:if>
</b:if>    


5-Bitti bu kadar temanızı ön izleyip bi hata olmadığına karar verip kaydedin.

Eğer javascript dosyasını adresten çalıştırmayıp temanıza entegre ederek sitem hızlansın diyorsanız aşağıdakileri uygulayın.


1-Aşağıdaki kodları bulun kodlar aşağıdaki gibi alt altadır ikisnide farklı farklı aratsanız olur .

    <head>
    <b:include data='blog' name='all-head-content'/>

2-Bu kodları yukarıdaki kodların ikisnin altına yapıştıracaksınız sonra kaydedip işlemi bitirin.
Unutmadan bunları yaptıktan sonra ilk baştaki 2. adımdaki kodları eklemenize gerek yok eklediyseniz silebilirsiniz.

<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(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>