29 Temmuz 2015 Çarşamba

Blogger Otomatik Devamını Oku Ekleme Özelliği Eklentisi


Bu yazımda hem ana sayfanızda dolanan okuyucuların hem de sizin işinize yarayacak ve blogunuzu daha hoş ve düzenli bir görüntüye kavuşturacağını düşündüğüm güzel bir özellik eklemenizi sağlayacak olan yazıları otomatik kısaltma ve yazının devamını oku eklentisini paylaşacağım ve bu eklentiyi kesinlikle sizlere tavsiye etmekteyim zaten kendi kişisel blogumda da kullanmaktayım sadece ben olsam iyi bir çok profesyonel blog ve kaliteli tema üreticisi de kullanmaktadır. 

Bu eklemeyi blogunuza yaptığınızda şablon özelleştirmelerinize bağlı olarak verdiği görüntü blogdan bloga değişebilse de yaklaşık olarak blogunuzun ana sayfasında yayınlarınızın görüntüsü alttaki ekran alıntısındaki görüntü gibi olacaktır. Yazımın devamında ise sizlerin de nasıl blogunuza bu özelliği ekleyebileceğinizi anlatıyorum.




Bu özelliği blogunuza nasıl eklersiniz?



NOT : Bu eklentiyi blogunuza eklerken blogunuzun şablonunda birkaç ekleme, çıkarma yapacağız ve bu düzenlemeleri yaparken yanlış bir şey yaptığınız taktirde sıkıntı olmaması ve rahat bir şekilde düzenleme yapabilmek için şablondan şablon yedeğini almayı unutmayınız.


1. yapılacak : Şablondan HTML'yi Düzenleye tıklayın ardından Ctrl + F yardımıyla </head> kodunu bulun ve bir satır üstüne altta paylaştığım kodları yapıştırın.

kod:
<script type='text/javascript'>
posts_no_thumb_sum = 650;
posts_thumb_sum = 600;
img_thumb_height = 135;
img_thumb_width = 180;
</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, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-footer {display: none;}
.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}
 .readmore a {text-decoration: none; }
</style>
</b:if>
</b:if>


2. yapılacak : Üstteki kodları yapıştırdıktan sonra  Ctrl + F yardımıyla <data:post.body/> kodunu aratın bir tane kod bulmayacaksınızdır ve bu bulduğunuz kodları olana dek alttaki kodlar ile değiştirin. Olduktan sonra önceki değiştidiklerinizi eski haline getirmenizi önermekteyim ancak yapmasanızda bir sıkıntı ile karşılaşmazsınız.

kod:
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
 <span class='readmore' style='float:right;'><a expr:href='data:post.url'>Devamını Oku &#187;</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>



Bu eklentinin kod düzenlemeleri



1. düzenleme posts_no_thumb_sum = 650; yazısındaki 650 içerisinde resim olmayan yazıları kısaltırken alacağı karakter sayısıdır.

2. düzenleme posts_thumb_sum = 600; yazısındaki 600 resim barındıran yazıları kısaltırken kaç karakter alacağıdır.

3. düzenleme 
img_thumb_height = 135;
img_thumb_width = 180;
 yazılarında 135 yazı içerisindeki alacağı resmin yüksekliğinin, 180 ise genişliğinin değeridir.


Eğer ki bu eklentiyi başarıyla blogunuza kuramazsanız Blogger Standart Devamını Oku Bölümünü Değiştirme adlı yazım iyi bir alternatif olabilir sizin için ve umarım bu eklemenin faydasını görürsünüz... 
                                                                                          Kolay gelsin, iyi bloglar!
author

Yazar Hakkında

Merhaba ben Onur Gücer, hobi olarak uzun zamandır blog yazmaktayım ve bu blogda sizlere deneyimlerimi paylaşıyorum.. İyi günler, iyi bloglar.. (:

Hiç yorum yok:

Yorum Gönder

Yorum Kuralları
1. Dediklerinizde kimseye kırıcı olmayınız.
2. Lütfen konu dışı şeyleri iletişim sayfamızdan yazmaya çalışınız.
3. Sorularınıza en kısa sürede cevap verilmeye çalışılacaktır.