Blogger otomatik yazı atlama aralık eklentisi

Klasik Blogger ana sayfada çıkan yazılarınıza atlama aralığı kullanmadan resim ebat ayarları ve yazı uzunluk sayısını düzenleyebileceği...

...

Klasik Blogger ana sayfada çıkan yazılarınıza atlama aralığı kullanmadan resim ebat ayarları ve yazı uzunluk sayısını düzenleyebileceğiniz, blogger özel temalarda kullanılan eklenti. Uygulama kodlarını blog şablonunuza eklediğinizde yazılarınıza atlama aralığı vermenize gerek kalmayacak olup, yazılarınız otomatikman belli bir yerden kesilerek devamını oku ile sabitlenecektir. Resimlerinizi istediğiniz ebatlarda örnek : 200x150 px. veya 200x200 px. gibi özelleştirebileceksiniz. Blogunuzu özelleştirmek için hazır iseniz, aşağıda anlatılanları sırası ile takip ederek, kendi emeğiniz ile hazırlayacağınız blog temanızı tasarlamaya başlayın.
1. Blogger kumanda paneline giriş yaparak, şablon sekmesine tıklayıp önce tema yedeğini alın.
→ Blogger yedek alma nasıl yapılır ?
2. Aşağıdaki kodu bulun. Şablonu biraz aşağıya kaydırın göreceksiniz.

</head>

3. Bulduğunuz bu kodun 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 = 150;
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>

Özelleştirilme :

1. Eklediğimiz kodlarda resim Genişlik xYükseklik ve yazı uzunluğunu belirleyebilirsiniz.
→ var thumbnail_mode = "yes"; ⇒ Ana Sayfa yazınızdaki resmi “yes” göster “no” gösterme
→ summary_noimg = 430; ⇒ Yazıda resim yok ise yazının uzunluğunu belirler.
→ summary_img = 340; ⇒ Yazıda resim varsa, yazının uzunluğunu belirler.
→ img_thumb_height = 150; ⇒ Resmin yüksekliğini belirler. → img_thumb_width = 200; ⇒ Resmin uzunluğunu belirler.
Ayrıca aşağıdaki bağlantılarıda uygulayabilirsiniz. ⇒
Blogunuza Duyarlı Devamını Oku ismini eklemek için bağlantıyı takip edin.
Ana Sayfa Devamını Oku çift ismi gizlemek için bağlantıyı takip edin.