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.
Blogger hesabımıza giriş yaptıktan sonra Tasarım > HTML'yi Düzenle kısmına gelip Widget Şablonlarını Genişlet kutucuğunu işaretliyoruz.
Şimdi kodlarımızı ekleyelim.
CTRL + F yaparak kod penceremizden etiketini buluyoruz. Hemen sonrasında aşağıdaki kodu, bulduğumuz kodunun üst kısmına yerleştiriyoruz.
<script>
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
summary_noimg = 430; //summary length when no image
summary_img = 340; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 200;
</script>
<script>
//function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i
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 = '
';
summ = summary_img;
}
}
var summary = imgtag + '' + removeHtmlTag(div.innerHTML,summ) + '';
div.innerHTML = summary;
}
//]]>
</script>
Bu kısmı hallettikten sonra kodunu bulurken yaptığımız işlemi
<script> createSummaryAndThumb("summary
</script>
Read more ...
Kodumuzu kendimize göre düzenleyelim:
thumbnail_mode: 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.
summary_img: 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.
summary_noimg: Yukardaki işlemin aynısı fakat bunda resim yok. O yüzden karakter sayısını yukardakinden fazla girmemizde fayda var.
img_thumb_height ve img_thumb_width: 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.
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.
Yazar: Furkan ÖZDEN
Kategori: Blogger
Web Adresim: www.furkanozden.net