Blogspot resimli son yazılar eklentisi

Selamün aleyküm, bugün wmaraci.com'da birisi resimli son yazılar eklentisi arıyormuş. Bulamamıştı en son baktığımda bende hemen paylaşayım oraya link atayım diye düşündüm. Herkes faydalansın istedik. Şimdi aşağıdaki kodu sitenize Tasarım--Gadget Ekle--Html/JAVASCRİPT ekleye tıklayıp havlayanfare yazan yere kendi sitenizi yazıyorsunuz ve ekliyorsunuz. Bu şekilde kaydedip çıktığınızda herşey olmuş bitmiş oluyor. 


Peki bu kodlar içerissinde düzenleme yapmak, resim boyutunu yazı miktarını ayarlamak mı istiyorsunuz ? Onun için lütfen şunlara bakınız;

var numberOfPosts = 5; -- Kaç yazı göstereceğini gösteriyor. Biz 5 yaptık siz değiştirebilirsiniz.
var summaryLength = 200; -- Yazı karakterinin kaç karakter olacağını belirtiyor. Biz 200 yaptık siz artırıp, azaltabilirsiniz.
var titleLength = 100; -- Başlık uzunluğunun en fazla kaç karakter olacağını belirtiyor biz 100 dedik siz azaltıp, artırabilirsiniz.
var imgDim = 50; -- Resim boyutunu belirtiyor. 50 derseneniz 50 genişliğinde 50 yüksekliğinde resim olur. Artırıp, azaltabilirsiniz.
var imgFloat = 'left'; -- İsterseniz right yazarark resimlerin sağda durmasını sağlayabilirsiniz.
var readMore = 'Devam'; -- Devamını okuma bağlantısına verdiğimiz isim.

Allah razı olsun demeniz kafidir. Birde paylaşırken kaynak gösterirseniz memnun oluruz.

Siteni 130 arama motoruna kaydet!


Siteni tek tıkla 130 arama motoruna kaydetmek istermisin?
O halde durma sistem aşağıdadır!



Blogger için ‘Bu Yazıyı Paylaşın’ Eklentisi



Şimdi anlatacağım eklenti ise şöyle; Bir çok forumda veyahut web sitelerinde görmüşsünüzdür; yazı altındaki, bu yazıyı forumda paylaş, bu yazıyı sitede paylaş diye link kutucuklarını. İşte şimdi, bizler bunu blogger için yapacağız. Yani, yazdığınız yazının hem site linkini, hem forum linkini hem de yazı linkini bu eklenti sayesinde ziyaretçilerimze sunabileceğiz. Üstelik, bu işlem de bir çok anlatımını yaptığım eklenti gibi çok basit. Herneyse, isterseniz eklentinin kurulum aşamalarına geçelim. Eklentinin ön izlemesi en aşağıdadır.

Tasarım > HTML’yi Düzenle > Widget Şablonlarını Genişlet seçeneğinin yanındaki kutucuğu işaretliyoruz.
Daha sonra ” post-footer-line post-footer-line-3′> ” etiketimizin hemen altına aşağıdaki kodumuzu ekliyoruz.