Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Blogger için Tam Otomatik Devamını Oku Eklentisi


FacebookTwitterPinterestTumblrYazdır


Blogger için Tam Otomatik Devamını Oku EklentisiGeçtiğimiz günlerde sizlerle devamını oku eklentisi paylaşmıştım. Ancak ilgili eklenti otomatik olarak thumbnail belirlemiyor idi. Şimdi ise izniniz ile, thumbnail içeren ve tam otomatik olarak çalışan, sorunsuz ve JavaScript ile hazırlanmış olan bir devamını oku eklentisi paylaşmak istiyorum. Aşağıdaki adımları adım adım, sorunsuz bir şekilde yaparsanız eğer, sorunsuz bir devamını oku eklentisi elde edeceksiniz. Dilediğiniz gibi geliştirebilir, düzenleyebilirsiniz. Kolay gelsin şimdiden.

AYRICA: Blogger’da Tüm Resimleri Responsive Yapalım

Blogger için Tam Otomatik Devamını Oku Eklentisi

1) Temanızdaki aşağıdaki kodu bulun.

</head>

2) Aşağıdaki kodları ise yukarıdaki koddan önce 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>

3) Ardından aşağıdaki kodu bulun temanızda.

<data:post.body/>

4) Aşağıdaki kodları ise yukarıdaki kod ile değiştirelim.

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


    • demir
    • 1 Mayıs 2019, 16:57

    harika yazı teşekürler

      • Şahin Gezici
      • 3 Mayıs 2019, 10:15

      Merhaba,

      Yorumunuz için biz teşekkür ederiz.

    • zrrn
    • 20 Şubat 2020, 00:33

    bbir kaç siteden kod aldım fakat olmamıştı. faydalı kaynak teşekkürler

      • Doğan Gezici
      • 19 Mart 2020, 14:29

      Merhaba,

      Yorumunuz için çok teşekkür ediyoruz.

    • KPSS
    • 17 Mart 2020, 08:45

    Faydalı teşekkürler.

      • Doğan Gezici
      • 19 Mart 2020, 14:28

      Merhaba,

      Bildiriminiz için teşekkür ederiz.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yukarı Çık