 |
| Blogger Otomatik Devamını Oku Eklentisi |
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.
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>
//<![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 != "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>
<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>
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...