3 Temmuz 2012 Salı

Blogger Devamını Oku Eklentisi Yapımı

Blogger sitelerinde için en çok aranan eklentilerden biriside blogger devamını oku bağlantısı yapmaktadır.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.

Sorunsuz çalışan bir eklentidir bunu belirtmek istedim.

eklenti gayet güzel çalışmaktadır.Eklenti tamamen otomatik olduğunu için siz yazınızı bloga göndermeniz yeterli.Otomatik olarak yazının belli kısmı anasayfada yayınlanacak diğer kısımlar gizlenecek.Yazıda resim var ise otomatik olarak boyutu küçülecek ve thumbnail yazıya eklenecektir.

Eklentinin Özellikleri:

  • Yazının bir bölümü gizlenecek.
  • Resimler otomatik olarak küçülecek
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ıdaki kodu bulduktan sonra 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 aşağıdaki kodu arıyoruz yine Ctrl+F kombinasyonu ile
<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