4 Temmuz 2012 Çarşamba

Blogger Devamını Oku Eklentisi

Blogunuza bir yazı eklerseniz ve yazı çok uzundur.Siteye girdiğinizde sitenizin sayfa yüklenmesini güçleştirir.Bu gibi durumlarda devamını oku eklentisi ile blogunuzun anasayfasına girdiğinizde yazının ilk xxx karakterini gösterir ve devamını görmek için devamını oku bağlantısı verir.

Eklentinin Özellikleri
  • Yazının bir bölümü gizlenecek.
  • Resimler otomatik olarak küçülecek(thumbnail)
Eklentinin Kurulumu
Blogger hesabımıza giriş yapıyoruz.Blog panelinden Tasarım – Html’yi Düzenle kısmına girerek Widget şablonlarını genişletiyoruz.Ctrl+F kombinasyonu ile  kodların içinden aşağıdaki kodu arıyoruz.

</head> 

 Yukarıda kodu bulduktan sonra hemen o kodun alt kısmına aşağıdaki kodu ekliyoruz.

<script type='text/javascript'>var thumbnail_mode = "no-float" ;summary_noimg = 430;summary_img = 340;img_thumb_height = 100;img_thumb_width = 120;</script><script src='http://yourjavascript.com/1211712851/demreli_devamini_oku.js' type='text/javascript'/>
Daha sonra ise aşağıdaki kodu arıyoruz.

<data:post.body/>
Yukarıdaki kodu bulduktan sonra kodu silip yerine aşağıdaki kodu ekliyoruz ve Şablonu kaydediyoruz.

<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;padding-top:20px;'><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>
İşlem bu kadar.Artık blogunuza girip bakabilirsiniz.Yazılarınız istediğiniz kadar uzun olsun sorun değil.Eklenti sayesinde otomatik olarak yazılar gizlenecektir.Eklenti ile ilgili bir kaç ufak ayar var.Onlarıda aşağıda yazıyorum.Eğer resmin thumbnail olarak kullanacağınız resimlerin boyutundan bir değişiklik yapmak isterseniz lazım olabilir.

summary_noimg = 430; - Yazıda resim yoksa yazının boyutusummary_img = 340;   - Yazıda resim varsa yazının boyutuimg_thumb_height = 100; - Thumbnail'in(Yazıdaki ilk resmin) boyuimg_thumb_width = 120;  - Thumbnail'deki ilk resmin genişliği


Hiç yorum yok:

Yorum Gönder