Blogger Devamını Oku Nedir ?

Blogunuzun ziyaretçiler tarafından daha hoş gözükmesini istemez misiniz ? Bu yapacağımız işlem ile blogunuza giren ziyaretçiler hem karmaşa kayıtlardan kurtulmuş hemde aradıkları konuları kolaylıkla ulaşabilecektir buda sizin için çok büyük bir avantaj haline gelecek ve ziyaretçilerin daha fazla vakit harcamalarını sağlayacaktır.

Bu yazımı paylaşmadan önce bir çok blogger kullanıcılarının google 'da

• Blogger Devamını Oku
• Blogger Yazı Kısaltma

Blogger Devamını Oku Özelliği Nasıl Yapılır ?

<data:post.body/>

NOT:  Bu aratacağımız koddan 3 tane bulunmaktadır, doğru kodu bulana kadar deneme yapmalısınız yukarıda 'da belirttiğim gibi tema yedeğinizi almayı unutmayın.

4 - Arattığımız kodu bulduğumuz yerin üzerine altta ki kodu kopyalayıp yapıştıralım.

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

5 - Tekrar Ctrl+F yardımı ile </head> kodumuzu buluyoruz ve bulduğumuz </head>  kodunun hemen üst satırına altta verdiğim kodu kopyalayıp yapıştırıyoruz.

<!-- blogeksper.blogspot.com kod baslangici -->
<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 160;
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>
<!-- blogeksper.blogspot.com kod bitisi -->

Yaptığımız bu işlemdeki özet bölümümüzde gözüken resmi ayarlamak için mavi renkte olan 160 ve 180 değerleri yükseltebilir veya azaltabilirsiniz aynı şekilde yazılarımızın da uzun veya kısa olabilmesi için yapmanız gereken ayarlar kırmızı renkte olan 400 ve 490 değerleri ile oynamak yeterli olacaktır.

6 - Ayarlarımızı da yaptıktan sonra Temayı Kaydet diyerek Blogger Devamını Oku işlemimizi başarı ile gerçekleştirmiş oluyoruz, Yaptığımız işlemleri tekrar kontrol etmek için blogunuza dönüp yaptığınız değişiklikleri kontrol edebilirsiniz.

Eğer bu konu hakkında sorularınız veya yapamadığınız bir yer olursa yorum atabilirsiniz.