blogger devamını oku eklentisi Blogger Eklentileri

 

Bu yayınımda size Blogger Otomatik Resimli '' Devamını Oku '' Eklentisini Göstereceğim,

Bu eklentiyi bizde kullanıyoruz Buradan Demoya bakabilirsiniz

Amatör biriyseniz şoblonunuzun yedeğini almayı unutmayınız (Şoblon/Yedekle Geri Yükle/Tüm Şablonu İndir)

Öncelikle Blogger hesabınızdan Şablon/HTML’yi Düzenle ardından CTRL + F yardımı ile </head> kodunu buluyoruz ve bu kodun hemen üstüne aşağıdaki kodları ekleyin.

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 400;
summary_img = 400;
img_thumb_height = 120;
img_thumb_width = 120;
</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");

if(img.length<=0) {
imgtag = '<span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic3Wjyp0HKdC73WqXjIFGx6My4qkIGjvDKHzhr8253VUed_vz3xtBTu5Bj_dpImsV3NaMSrbytwhW1ZZ9LC_O3_z-QujbXYWv39sUgjB_IhpFyL3QOe_x0fAfJY3UUxbND9L97nn9tQKMy/s0/2nrklth.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}

if(img.length>=1) {
imgtag = '<span style="float:left;margin-right:5px;"><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>

Hemen ardından aşağıdaki kodu CTRL + F yardımı ile bulun bu koddan sitenizde 1'den fazla var ise ilk önce ikinci sıradakinde deneyin olmassa bastan başlayıp 1 sıradakinde deneyin oda olmassa 3 sıradakinde deneyin tabi varsa :) sonunda olacaktır. 

<data:post.body/>

Yukarıdaki kodu aşağıdaki kod 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'><img src='http://oi30.tinypic.com/w8kyvp.jpg'/></a>
</b:if>
</b:if>

1) Eğer benim örnek verdiğim resmi beğenmediyseniz http://oi30.tinypic.com/w8kyvp.jpg burayı silim istediğiniz resmin linkini koyun.

2) Resim istemiyorsanız <img src='http://oi30.tinypic.com/w8kyvp.jpgp.jpg'/> silin ve '' Devamını oku... '' yazabilirsiniz.

3)Aşağıdaki kodlar Yazıların ne kadar olacağını belirler. 

summary_noimg = 400;
summary_img = 400;

4)Aşağıdaki kodlar konuya eklenen resmin hangi boyutlarda görüntüleneceğini belirler. 

img_thumb_height = 120;
img_thumb_width = 120;

5)Aşağıdaki resimde konuya resim eklemediğinizde görülecek resim var.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic3Wjyp0HKdC73WqXjIFGx6My4qkIGjvDKHzhr8253VUed_vz3xtBTu5Bj_dpImsV3NaMSrbytwhW1ZZ9LC_O3_z-QujbXYWv39sUgjB_IhpFyL3QOe_x0fAfJY3UUxbND9L97nn9tQKMy/s0/2nrklth.jpg

6) İşlemleri hatasız bir şekilde yaptıysanız herhangi bir sorun çıkmaz.

Devamını oku resmi için örnekler:

                                               (Benim örnek olarak verdiğim)