Blogda Devamını Oku Eklentisi ve resim önizleme

Tweet

Blog yazılarımızda uzun yazıların sayfa düzenini bozduğunu düşünüyorsanız her yazıya otomatik devamını oku yazdırıp sayfanızdan yer kazanabilirsiniz.. Bunun için yapmanız gerekenler
sizlere devamlı <span class="fullpost"></span> kodlarını kullanmadan her konuda otomatik olarak devamını oku eklentisinin nasıl yapıldığını anlatıcam. Ayrıca bu eklentide thumbnail (yani küçük resim önizleme) özelliği de var.

Şimdi gelelim nasıl yapıldığına öncelikle Yerleşimden "Html'yi Düzenleyi" seçip widget şablonlarını genişlete tıkladıktan sonra ctrl+f ile </head> kodunu aratıp bulun ve aşağıdaki kod ile değiştirin.

<script type='text/javascript'>

var thumbnail_mode = &quot;float&quot; ;

summary_noimg = 230;

summary_img = 140;

img_thumb_height = 100;

img_thumb_width = 100;

</script>

<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>

</head>

Daha sonra <data:post.body/> kodunu aratıp buluyoruz ve aşağıdaki kod ile değiştiriyoruz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'>

<data:post.body/>

</div>

<script type='text/javascript'>

createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Devamını Oku.!</b></a></span>

</b:if>

Hepsi bu kadar..

Okuduğunuz  eklenti blogumuzda uygulanmaktadır :)

konu (ç) alıntıdır