WebmasFB | Teknoloji Ve Ben

Blogger Otomatik Devamını Oku Eklentisi

<div align="center">
<img alt="" border="0" class="tcattdimgresizer" src="http://img843.imageshack.us/img843/8702/1326111895blogger.png" /></div>
<br />
Blogger'ın normalde bu özelliği var. Bazı blogcular bu özelliği sonradan  öğrendiğinde "Ne her yazıya tek tek 'more'ye tıklayıp keseceğim mi ?"  der. Bunun daha kolay bir yolu vardır. İşte şimdi size bu eklentiyi  anlatacağım.<br />
<br />
Blogger hesabımıza giriş yaptıktan sonra <b>Tasarım > HTML'yi Düzenle kısmına gelip Widget Şablonlarını Genişlet kutucuğunu</b> işaretliyoruz.<br />
<br />
Şimdi kodlarımızı ekleyelim.<br />
<br />
CTRL + F yaparak kod penceremizden </head> etiketini buluyoruz.  Hemen sonrasında aşağıdaki kodu, bulduğumuz </head> kodunun üst  kısmına yerleştiriyoruz.<br />
<br />
<div style="margin-top: 5px; margin: 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
Alıntı:</div>
<table border="0" cellpadding="6" cellspacing="0" style="width: 100%px;"> <tbody>
<tr>  <td class="alt2" style="border: 1px inset;"><br />
<script type='text/javascript'><br />
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail<br />
summary_noimg = 430; //summary length when no image<br />
summary_img = 340; //summary length when with image<br />
img_thumb_height = 200;<br />
img_thumb_width = 200;<br />
</script><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
function removeHtmlTag(strx,chop){ <br />
if(strx.indexOf("<")!=-1)<br />
{<br />
var s = strx.split("<"); <br />
for(var i=0;i<s.length;i++){ <br />
if(s[i].indexOf(">")!=-1){ <br />
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); <br />
} <br />
} <br />
strx = s.join(""); <br />
}<br />
chop = (chop < strx.length-1) ? chop : strx.length-2; <br />
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; <br />
strx = strx.substring(0,chop-1); <br />
return strx+'...'; <br />
}<br />
<br />
function createSummaryAndThumb(pID){<br />
var div = document.getElementById(pID);<br />
var imgtag = "";<br />
var img = div.getElementsByTagName("img");<br />
var summ = summary_noimg;<br />
if(thumbnail_mode == "yes") {<br />
if(img.length>=1) { <br />
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>';<br />
summ = summary_img;<br />
}<br />
}<br />
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />
div.innerHTML = summary;<br />
}<br />
//]]><br />
</script><br />
       </td> </tr>
</tbody></table>
</div>
Bu kısmı hallettikten sonra </head> kodunu bulurken yaptığımız işlemi <data<img alt="" border="0" class="inlineimg" src="http://www.webkurnaz.net/forum/images/smilev1/tongue.gif" title="Dil çıkarma" />ost.body/> için yapıyoruz. Daha sonra bulduğumuz kodu seçerek aşağıdaki kodu yerine yapıştırıyoruz.<br />
<br />
<div style="margin-top: 5px; margin: 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
Alıntı:</div>
<table border="0" cellpadding="6" cellspacing="0" style="width: 100%px;"> <tbody>
<tr>  <td class="alt2" style="border: 1px inset;"><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<data<img alt="" border="0" class="inlineimg" src="http://www.webkurnaz.net/forum/images/smilev1/tongue.gif" title="Dil çıkarma" />ost.body/><br />
<b:else/><br />
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br />
<data<img alt="" border="0" class="inlineimg" src="http://www.webkurnaz.net/forum/images/smilev1/tongue.gif" title="Dil çıkarma" />ost.body/><br />
<b:else/><br />
<div expr:id='&quot;summary&quot; + data<img alt="" border="0" class="inlineimg" src="http://www.webkurnaz.net/forum/images/smilev1/tongue.gif" title="Dil çıkarma" />ost.id'><data<img alt="" border="0" class="inlineimg" src="http://www.webkurnaz.net/forum/images/smilev1/tongue.gif" title="Dil çıkarma" />ost.body/></div><br />
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data<img alt="" border="0" class="inlineimg" src="http://www.webkurnaz.net/forum/images/smilev1/tongue.gif" title="Dil çıkarma" />ost.id/>&quot;);<br />
</script><br />
<a class='more' expr:href='data<img alt="" border="0" class="inlineimg" src="http://www.webkurnaz.net/forum/images/smilev1/tongue.gif" title="Dil çıkarma" />ost.url'>Read more ...</a><br />
</b:if><br />
</b:if><br />
       </td> </tr>
</tbody></table>
</div>
Kodumuzu kendimize göre düzenleyelim:<br />
<br />
<b>thumbnail_mode:</b> Temamıza eklediğimiz kodlar içerisindeki bu kod,  yazıyı kestikten sonra küçük resim koyma yada koymama seçeneğini bize  sunuyor. Eğer "yes" dersek küçük resim görünür, "no" dersek görünmez.<br />
<br />
<b>summary_img:</b> Resim olursa, kaç karakter yazı göstermek istediğimizi giriyoruz. Yukardaki kodda yanında değer var o kısım karakter sayısıdır.<br />
<br />
<b>summary_noimg:</b> Yukardaki işlemin aynısı fakat bunda resim yok. O yüzden karakter sayısını yukardakinden fazla girmemizde fayda var.<br />
<br />
<b>img_thumb_height ve img_thumb_width:</b> Yazıyı kestikten sonra  oluşan küçük resimin hangi boyutlarda küçülmesini istiyorsanız yanındaki  değerleri onunla değiştirin. Sadece birini değiştirirseniz diğeri ona  göre oranlanır.<br />
<br />
Read more ...: Kodumuzun içindeki bu yazı da, yazıyı kestikten sonra  ardına eklenecek kelimedir. "Devamını Gör", "Devamını Oku" gibi  değiştirebilirsiniz.

blogger Blogger Otomatik Devamını Oku Eklentisi

Blogger'ın normalde bu özelliği var. Bazı blogcular bu özelliği sonradan öğrendiğinde "Ne her yazıya tek tek 'more'ye t...