Popunder

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
Share it:
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...

Share it:

Blogger İpuçları

Post A Comment:

0 comments:

1- Yaptığınız yorumun, yazıyla alakalı olmasına özen gösteriniz.
2- Yazım ve dilbilgisi konusundaki hassasiyetinizi yorumlarınızda da gösteriniz.
3- Her zaman nazik bir üslup kullanmaya özen gösteriniz.
4- Yukarıdaki kurallardan herhangi birine uymamanız durumunda, site sahibi yorumunuzu yayınlama ya da yayınlamama hakkına sahiptir.