Bloggerda Önizlemeli Otomatik Devamını Oku Nasıl Yapılır

Blogger kullanıcıları için en önemli sorunlardan bir tanesi bloglarında yazdıkları yazının devamını oku bağlatısı olmadan tamamının görünmesiydi. Bu sorunu gidermek için bazı kodları girerek yapılan devamını oku bağlantılarının nasıl yapıldığını anlatan bir çok yazı internet ortamında bulunuyor. Ancak sürekli kod girmek benim gibi diğer blogger kullanıcılarını da yoruyor. Artık bu sorunu küçük resim önizlemesi olan otomatik devamını oku uygulaması ile çözüyoruz. Küçük resim önizleme uygulaması, yazılarınıza artık eskisi gibi her yazınızdan sonra kod girmenize gerek kalmadan yazılarınız otomatik olarak devamını oku bağlantısı ekleyen bir javascript uygulamasıdır.


Gelelim Bloggera Nasıl Entegre Edeceğimize?

1. Öncelikle bu dosyayı indirin. İndirdiğiniz bu dosyayı Server'inize veya benim yaptığım gibi google hesabınıza yükleyin.

2. Daha sonra Blogger’a giriş yapın ve sırasıyla Kumanda Paneliniz üzerinden Yerleşim -> HTML’yi Düzenle ve “Widget Şablonlarını Genişlet’i” tıklayın..

3. Şimdi şablonunuz içerisinde Ctrl+F ile </head> kodunu bulun ve aşağıdaki kodu bu etiketin hemen önüne yapıştırın.

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 140;
img_thumb_width = 180;
</script>
script src='http://yüklediğinserver/otomatik devamını oku.js' type='text/javascript'/>

4. Kırmızı ile yazılmış yere yüklemiş olduğunuz javasicript kodunun linkini yazın.

summary_noimg = 430;  resim olmadan yazının uzunluğu
summary_img = 340;  resimle birlikte yazının uzunluğu
img_thumb_height = 140;  küçük resim yüksekliği
img_thumb_width = 180;  küçük resim genişliği

5. Şimdi ctrl+f yardımıyla şablonunuz içinden </data:post.body> etiketini bulun ve bu etiketi aşağıdaki kod ile değiştirin.

<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>

6. Şablonunuzun önizlemesini yapın ve bir sorun yoksa şablonunuzu kaydedin.

• 
• 
• 
• 
•