2 Temmuz 2010 Cuma

Blogger Otomatik Devamını Oku Ve Otomatik Resim Boyutlandirma Eklentisi


Çok uzun bir yazı yazacağımız zaman anasayfadaki görüntü kirliliğini önlemek için bu eklentiyi kullanırız. Önceleri manuel olarak, her yazıda gösterilmesini istediğimiz bölümleri kodlar içine alarak bunu yapıyorduk. Fakat bu eklenti belirlediğimiz yazı karakterine göre yazıyı otomatik olarak bölüyor. Ayrıca konuya eklenilen resimleride anasayfada kendine göre boyutlandırıyor.
Şuan bende bu eklentiyi kullanmaktayım. ( Eklentinin kaynağı. ) Bu yazımda kaynaktan farklı olarak düzenlemeleri daha ayrıntılı bir şekilde ele alacağım.
Dilerseniz hemen kuruluma geçelim.

İlk önce
Yerleşim > HTML'yi Düzenle > Widget Şablonunu Genişlet diyoruz.

Daha sonra şablonumuzda
<data:post.body/>

kodunu buluyoruz.

Sonra bu kodu silip yerine
<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/oto_devam.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Devamını Oku</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
kodlarını ekliyoruz.
İşlem tamamdır.
Ekstra olarak;

summary_noimg = 430; - Yazının, özetinin ne kadarını alacağını
summary_img = 340; - Yazıdan kaç harf gösterileceğini
img_thumb_height = 100; - Otomatik boyutlandırlacak resmin uzunluğunu
img_thumb_width = 120; - Otomatik boyutlandırlacak resmin genişliğini ayarlayabilirsiniz.

Devamını oku yazısı yerine resim kullanmak isterseniz,
devamını oku yazısını silip yerine
<img src="Resminizinlinki" />

ekleyebilirsiniz. ( Resminizin linki yerine kendi isteğiniz resmi uploadlayıp koyun. ' ' işaretlerini silmeyiniz. )

1 yorum:

akipa on 4 Mart 2013 03:12 dedi ki...

hocam kaç site gezdim bir türlü bulamadım tam aradığım kod anasayfada resimler boyutlanıyor yazı içinde istediğim gibi boyutlandırabiliyorum çok teşekkürler

Yorum Gönder

Her Türlü Yorumlarınızı Bekliyoruz.

 

Copyright 2010 Blogger Destek.