Blogger Otomatik Devamını Oku Eklentisi

Blogger Otomatik Devamını Oku Eklentisi

Bu eklenti sayesinde atlama aralığı bırakmanıza gerek kalmaz. Güzel bir yanıda atlama aralığı bırakmadığınız makaleleride düzen haline getirir. Eklenti yayınladığınız makalelerin yazı ölçülerini ayarlar ve blogunuzda çirkin bir görüntü oluşmasını engellemiş olur.

Eklentinin Avantajları

Statik sayfalarda etkili değildir.

Ana sayfa'da görüntülenecek resim boyutunu ve karakter sayısını ayarlayabilirsiniz.

Blog ana sayfasını optimize eder ve bir nebze hızlanmasını sağlar

Resimlere'de tıklayarak konunun içeriğini görebilirsiniz.

Uyarı: Bu işlemleri yapmadan önce her ihtimale karşı temanızın yedeğini almayı unutmayın.

Eklentinin Anlatımı

Blogger - Kumanda Paneli - Şablon - Html'yi Düzenle - Ctrl + F yardımı ile aşağıdaki kodu bulun.

</head>

Hemen üst satırına aşağıdaki kodları ekleyin.

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

Evet devam ediyoruz. Ctrl + F yardımı ile aşağıdaki kodu bulun.

<data:post.body/>

Yukarıdaki kodu aşağıdaki kodlarla değiştirin ve şablonu kaydedin.

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

Not: İlk verdiğim kodda resimin boyut ayarlarını düzenleyebilirsiniz. 1. kodda width="220px" height="130px" bu yerden resimlerin ayarlarını düzenleyebilirsiniz. Görüntülenecek karakter sayısını belirlemek için yine aynı şekilde 1. kodun içerisinde summ=250 kodundan 2 adet vardır. İkisinide düzenleyebilirsiniz.

DipNot: Bu eklenti blogger temalarının bazılarında uyum göstermemektedir. Bilginize...