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.
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...
Tags:
Blogger
olmadı!!!
YanıtlaSilEn altta not düşmüşüm arif bey bazı temalarda uyum göstermemektedir diye...
Siloldu sağ olun..
YanıtlaSilbeyaz temalar derken neyi kastettiniz
YanıtlaSilNe beyaz teması beyaz tema ile ilgili birşey bulamadım...
Silben bu kodu bulamıyorum nedeni nedir acaba
YanıtlaSilHangi kodu bulamıyorsunuz...
SilMerhabalar, eklenti için teşekkürler. Ana sayfada 6 tane eklenti çıkıyor bunu 10 yada 15 e çıkarabiliyormuyuz. site > http://www.gezigrubu.org/
YanıtlaSil6 eklenti dediğin nedir anlamadım konu sayısını diyorsan mümkündür...
Sil