Blogger Devamını Oku Eklentisi

Normalde manuel olarak yaptığınız yazının belli kısmının anasayfada görüntülenmesi işini otomatik yapar. Anasayfada yazılarınız sizin belirlediğiniz kadarı çıkar ve resim sizin belirlediğiniz ölçülerde görüntülenir(yalnızca anasayfada).  Anasayfada yazı içerisindeki resimlerin boyutunu zevkinize göre otomatik küçültüyor ve yazının sadece sizin istediğiniz kadarını gösteriyor. Birçok blogda bu eklentinin benzerlerini görmüşsünüzdür ancak benim vereceğim kodları diğerlerinden farkı yazınıza resim eklemeseniz bile kod içerisinde ayarlanmış bir öntanımlı resim olması ve bloggerin /p/ sayfalarında etkili olmaması. Bu ikisinin sizler için büyük avantaj olduğunu düşünüyorum...  Eklentiyi bizzat kendim kullanıyorum ve yazı yazmak dışında başka işlerle uğraşmak istemeyen arkadaşlara tavsiye ederim. Ünlü blogger sitelerinde de seoya katkısı olduğu söyleniyor.  Eklentiyi kurmak için blogunuzun Html kodları arasında;

</head>

 Kodunu Bulup Hemen Üzerine Aşağıdaki kodları ekleyelim.

<!-- read more code-1 START -->
<style type='text/css'>
.readmore {
position: relative;
margin-top: 12px;
margin-right: 10px;
padding: 7px;
background: #333;
display: inline-block;
color: #fff;
cursor: pointer;
text-align: center;
-moz-border-radius: 5px;
border-radius: 5px;
float: right;
text-decoration: none;
}
a.readmore, a:hover.readmore, a:active.readmore {
text-decoration: none;
color: white;
}
</style>
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 170;
img_thumb_width = 240;
</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(img.length>=1) {
53
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;
}
if(img.length<1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="https://dl.dropbox.com/s/u9jqt4jp8p82341/no-preview.png" 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>
<!-- read more code-1 END -->

 Daha Sonra şu Kodu Bulun <data:post.body/> ve bu kodu silip yerine aşağıdaki kodları yerleştirin..

<!-- read more code-2 START -->
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
</script>
<a class='readmore' expr:href='data:post.url'>Devamını Oku</a>
</b:if>
</b:if>
<!-- read more code-2 END -->