Ana Sayfa » , , , » Blogger Otomatik Devamını Oku Özelliği

Blogger Otomatik Devamını Oku Özelliği

Yazar Murat Akgün on 25 Haziran 2012 Pazartesi | 23:49


Blogger otomatik devamını oku özelliğini anlatacağım.Adımları dikkatli takip ederseniz kısa yoldan sonuca ulaşacaksınız.

Kodlarda yapacağınız değişiklikleri hemen kaydetmeyin,önce ön izleme yapın ve her şey doğruysa kaydedin.



  • Şablon > Html Düzenle > Widget Şablonlarını Genişlet
  • Ctrl+f kombinasyonu veya F3 tuşu ile aşağıdaki kodu bulun : 
</head>
Ve hemen üstüne aşağıdaki kodları ekleyin.

<script type='text/javascript'> var thumbnail_mode = "yes";
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 200; img_thumb_width = 200; </script> <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(thumbnail_mode == "yes") { 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>

Bu işlemden sonra aşağıdaki kodu :
<data:post.body/> 
 Bu kodlarla değiştirin.(Yukarıdaki kod bir çok yerde olabilir.Arattığınızda ilk çıkan ile değiştirin.)
<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>
<a class='more' expr:href='data:post.url'>Devamını oku ...</a>
</b:if>
</b:if>

İşlemler bu kadar.Ancak kendinize göre düzenlemek isterseniz aşağıdaki yerleri değiştirebilirsiniz.

var thumbnail_mode = "yes"; // burada ki “yes” resim gösterileceğini belirtir, oraya “no” diye yazarsanız yapılacak alıntıda resim gösterilmez.
summary_noimg = 430; //alıntı yapılacak yazıda resim yoksa alıntının uzunluğunu belirler.
summary_img = 340; //alıntı yapılacak yazıda resim varsa alıntının uzunluğunu belirler.
img_thumb_height = 200; //gösterilecek resmin yüksekliği.
img_thumb_width = 200; //gösterilecek resmin uzunluğu.
 

4 yorum:

  1. herşeyi yaptım ancak çalışmıyor?

    YanıtlaSil
  2. Yukarıdaki anlatımı aynen yaparsanız olması lazım.Bir daha deneyin

    YanıtlaSil
  3. BENIM OLDU GERCI BU KACINCI YAPISIM HER YENI TEMADA UYGULAMAK ZORUNDA KALMAK ARKADASLAR BAKIN KODLARI EKLEMENIZEDE GEREK YOK HTML READ MORE BULUN YERINE DEVAMINI OKU YAZIN HEMEN OLUYOR

    YanıtlaSil
  4. Öneriniz için teşekkür ederim.Bunu okuyup kullanacak arkadaşlar olabilir.

    YanıtlaSil