AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

26 Ocak 2017 Perşembe

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. 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. İlave 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.)

0 yorum:

Yorum Gönder