Tek Tıkla Blogger'da Devamını Oku Devri

Blogger 10. yılı sebebiyle kullanıcılarının isteklerini yerine getiriyor. İşte bu yeniliklerden bir tanesi tek tuşa tıklayarak devamını oku özelliğini etkinleştirebilirsiniz.

Blogger Otomatik Devamını Oku Bağlantısı-2

Otomatik devamını oku eklentisi tüm blogger kullanıcıları çok sevdi. Fakat 1. eklentide bazı sorunlar çıkmıştı. Otomatik devamını oku artık yazılarımıza tek tek kod eklemek zorunda kalmayacağımız mükemmel bir eklenti. Artık sadece yazınızı yazdıktan sonra yayınla tuşuna basmanız yeterli. Ana sayfanızda resminiz ve devamını oku bağlantınız otomatik olarak gözükecektir. Eklentinin önizlemesi:



Şimdi bu eklentiyi blogumuza nasıl uygulayacağımıza geçelim.
Bildiğimiz gibi yayınladığım eklentilerin çoğunda javascript dosyaları var. Dosyalarımızın blogumuzda daha hızlı çalışmasını istiyorsak bu dosyaları kendi hostumuza yükmemiz gerekiyor. (Hotlinks, 110 mb iyi birer alternatif). Bu dosyalaı önce buradan indiriyoruz. Daha sonra ücretsiz hostlarımızdan birine yükleyip linklerimizi bir yere kaydediyoruz.

Şimdi Blogger'a giriş yapıyoruz. Yerleşim > Html'yi Düzenle ve Widget Şablonlarını genişletin.

Html kodlarımızdan </head> kodunu buluyoruz. (Ctrl+f tuş kombinasyonuyla arama yapabilirsiniz.) Kodu bulduysak aşağıdaki kod dizisini bulduğumuz head kodundan önce yapıştırıyoruz.

<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://js_dosyasını_yüklediğiniz_hostu/devamini_oku_tambirblog.js' type='text/javascript'/>

Kırmızı renkli linki siliyoruz ve yüklediğimiz .js dosyasının Url'sini yapıştırıyoruz. Aksi halde eklenti çalışmayacaktır. (javascript yüklerken sorun yaşayanlar için ben bir tane yükledim. İşte bu linki kırmızı kodla yer değiştirebilirsiniz. Yalnız dikkat etmeniz gereken bir konu var bu linki kullanan birden fazla site olunca doğal olarak siteniz çok az yavaşlayacaktır.)

Yukarıdaki kodları kendi temamıza göre düzenleyebiliriz.

summary_noimg = 430; resimsiz yazınızın boyu;
summary_img = 340; resimli yazınızın boyu;
img_thumb_height = 100; ana sayfada gözükecek resmin boyu;
img_thumb_width = 120; ana sayfada gözükecek resmin genişliği;

Şimdi <data:post.body/> kodu buluyoruz. Tamamızda bu koddan birden fazla olabilir. Siz en son kodu buluyorsunuz.

Ve aşağıdaki kodla yer değiştiriyorsunuz.

<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 "<data:post.title/>"</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Temamızı şimdi önizlemeye alıyoruz. Eğer eklenti temamızda sorunsuz çalıştıysa kaydediyoruz. Artık devamını oku eklentisinin keyfini çıkarabilirsiniz:D


Otomatik devamını oku eklentisi-1'i kullanıp sorun yaşayan arkadaşlar, temanızda eski kodlar olduğu için html düzenle kısmından eski kodları temizlemenizde yarar var.

Blogger Otomatik Devamını Oku ve Küçük Resim Eklentisi

Blogger'a devamını oku bağlantısı mı yapmak istiyorsunuz? Yaptığınız devamını oku bağlantısı yüzünden her yazınızda kod eklemekten sıkıldınız mı? İşte sizlere yepyeni bir çözüm: Tam Bir Blog farkıyla Otomatik Devamını Oku ve Küçük Resim Eklentisi...
Bu araç blogunuzda yazdığınız yazıyı otomatik olarak keser ve eklediğiniz resmi otamatik olarak küçülterek ana sayfada gözükmesini sağlar.

Bu güzel eklentiyi incelemek isteyenler BURADAN...

Bu güzel aracın kodlarına geçelim:

İzleyeceğimiz Adımlar:
1. "Yerleşim" -----> "HTML2yi Düzenle"
2. " Widget Şablonunu Genişlet" bölümüne tick atın.
3.Aşağıdaki kodu bulun:
<data:post.body/>

Kodu bulduktan sonra kodu silip yerine aşağıdaki kodu yapıştırıyoruz.

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://klod82.googlepages.com/summary-post.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>

Bu kadar şablonumuzu şimdi kaydediyoruz. Bunları yaparken lütfen önce önizlemeye alın eğer bir sorun yoksa blogunuzu kaydedin.
Kendi zevklerinize göre eklentiyi düzenleyebilirsiniz.

summary_noimg = 430; ***Yazının özetinin ne kadarını alacağını belirler..
summary_img = 340; ***Yazının özetinin ne kadarını alacağını belirler..
img_thumb_height = 100; *** Küçük resmin boyutlarını belirler...
img_thumb_width = 120; *** Küçük resmin boyutlarını belirler...

Diğer ipuçlarını okumak için buradan devam edebilirsiniz...



NOT:
Bu eklentinin daha verimli çalışması için kodlarda bulunan http://klod82.googlepages.com/summary-post.js javascript dosyasını bilgisayarınıza kaydettikten sonra varsa kendi hostunuza yoksa,google pages,fileave.com,javascripthost gibi adreslere bu javascript dosyasını yükleyin ve yerine yüklediğiniz dosyanın Url'sini yapıştırın. Hem eklentide bir sorunla karşılaşmayacaksınız, hem de eklenti sayfanızda hızlı açılıcaktır.
-http://tambirblog.blogspot.com/