.

29 Nis 2012

Otomatik Thumbnail ve Devamını Oku Eklentisi


Otomatik Thumbnail ve Devamını Oku Eklentisi

Bir çok kişinin kullandığı Otomatik Thumbnail ve Devamını Oku Eklentisinde , blogunuzda yazdığınız yazılara otamatik olarak konu içerisindeki resim ve devamını oku bağlantısının nasıl ekleneceğini bu yazımızda bulabilirsiniz...

Görüntü açısından da kullanışlı olan Otomatik Thumbnail ve Devamını Oku Eklentisi , Blogunuzda konuların uzayıp gitmesini engeller..Ana sayfada ve diğer sayfalarda daha iyi bir görüntü sağlar..

Hemen anlatıma geçelim..

Widget Şablonlarını Genişlet kutucuğunu işaretlediğinizden emin olun ve aşağıdaki kodu bulun..
</head>
Bulduğumuz kodun hemen üstüne , aşağıda yer alan kodları ekleyelim..
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 400;
summary_img = 400;
img_thumb_height = 140;
img_thumb_width = 140;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");

if(img.length<=0) {
imgtag = '<span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEHjzHoKiZIphnSNhMXxD5OTXTrV54NEjx_ok7QGcx6pYk58jHuZlVH1nOj6lzBODQqN2yPug2smpvuTqN__TNFMveg7OHuLS0jJeCvjtDFnmOoXUkvAU0BiAICqsyCqCSlZJoi8-SiFuI/s0/2nrklth.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}

if(img.length>=1) {
imgtag = '<span style="float:left;margin-right:5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>  
Şimdi ise aşağıdaki kodumuzu bulalım..
<data:post.body/>
Bu kodumuzu aşağıdaki kod ile değiştirelim..( Daha detaylı olarak , bu kodu silin ve yerine aşağıdaki kodları ekleyin )
<!-- eklentileri.blogspot.com thumbnail devamını oku başlangıcı -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Devamını oku...</a>
</b:if>
</b:if>
<!-- eklentileri.blogspot.com thumbnail devamını oku bitişi -->
Yukarıdaki işlemleri yaptıysanız Otomatik Thumbnail ve Devamını Oku Eklentisini artık blogger blogunuzda kullanabileceksiniz..

Yukarıda eklemeniz gereken ilk kod içinde yer alan ;

img_thumb_height = 140;

img_thumb_width = 140;
Değerlerini değiştirerek , thumbnail yani ana sayfanızda görünecek resmin boyutunu ayarlayabilirsiniz..



<<< Bu Yazı için Arama Sonuçları  >>>

Otomatik Thumbnail ve Devamını Oku Eklentisi , Blogger Otomatik Thumbnail ve Devamını Oku Eklentisi , Blogger Thumbnail ekleme , Blogger Devamını oku Eklentisi , Blogger Devamını Oku ekleme , Blogger Thumbnail ve Devamını Oku


Eklentileri.blogspot.com Hakkında.


Blogumuz ilk yayınından bu güne , blogger eklentilerini , tüm blogger kullanıcılarına ulaştırmak için yayın yapmış , bu süre içinde hiç bir şekilde kar/gelir elde etmemiş , etmiyecektir..Lütfen desteklerinizi bizden esirgemeyin..

Bizi Facebook ve Twitter üzerinden de takip edebilirsiniz..

39 yorum:

Unknown dedi ki...

Hocam bloğumda anasayfa genişliği farklı diğer sayfalarımın genişliği farklı olsun istiyorum bunu nasıl yapabiliriz.yardımlarınız için şimdiden tşk ederim.

Eklentileri.Blogspot dedi ki...

Dediğinize benzer gösterebileceğiniz bir blog varmı bi inceleyim..

Adsız dedi ki...

Merhabalar eklentiyi yaptim fakat ana sayfada sadece 2 yayin gozukuyor. Bu konuda ne yapabiliriz yardimci olur iseniz sevinirim..

Saygilarimla..

Eklentileri.Blogspot dedi ki...

@CastlevilleitemS

Blogger'a giriş yapın , "ayarlar" bölümünden "En fazla şu kadar göster" seçeneğini değiştirin..

7saniye dedi ki...

anasayfada yazılar hep birbirine girdi, boşluklar kayboluyor bu eklentiyle bende

http://neredenalalim.blogspot.com şu an denedim yetişirseniz bakabilrisiniz de

işlemleri tersten yapmaya calışacağım...

Eklentileri.Blogspot dedi ki...

şuan kontrol edebildim , sanırım sorunu çözmüşünüz herhangi bir bir sorun gözükmüyor..

Kapıdaki Düşman dedi ki...

Merhabalar hocam. buyolbitsin.blogspot.com 'da bunu yaptım ancak dilediğim gibi olmadı.Kelime sayısını ayarlama kodu hangisi acaba ,ben bir türlü bulamadım.

Eklentileri.Blogspot dedi ki...

@Riskli Dünya

summary_noimg = 400; ( resim yok iken ne kadar yazı gözükmesi gerektiği)
summary_img = 400; ( resim var iken ne kadar yazı gözükmesi gerektiği)

400 değerlerini değiştirebilirsiniz..

Kapıdaki Düşman dedi ki...

Çok teşekkür ederim,sağolun.

Unknown dedi ki...

Sn Eklentileri.Blogspot blogunuz icin oncelikle tesekkurler.Bu ozelligi bloguma ekledim .Fakat bazen ana sayfada 1 bazen 2 bazen de 3 konu cikiyor...Sayfadaki yayin sayisi otomatik 7 olarak duruyor .Ben sitemde bir oyun icindeki linkleri yayinliyorum .Liste uzayinca ana sayfada cikan sayi 1'e dusuyor.Sitemi kontrol eder ve yorumlar iseniz cozum ile ilgili sevinirim..Ayrica bloguma girice goreceksiniz linkler asagi dogru uzuyor bunlari yan yana 2 sira sekildinde arada ''''duz cizgi veya bosluk''' olacak sekilde yayinlayabilmemin bir yolu varmidir?
Gorusleriniz icin simdiden tesekkur ederim.

http://castlevillehelpdesk.blogspot.com/

Unknown dedi ki...

Sn . Eklentileri.Blogspot

Hala bir cevap beklemekteyim :)

Eklentileri.Blogspot dedi ki...

@Castleville

Öncelikle kusura bakmayın , inanın görmedim...hem burdan hemde mail adresimizden bütün soruları yanıtsız bırakmıyorum , yardımcı olmaya çalışıyorum..

Sorularınıza gelince , yayın sayısı ayarını , "yerleşim" bölümüne girerek "blog kayıtları" kısmından "düzenle" butonuna basarak "Ana sayfadaki kayıt sayısı" ayarından birde düzeltmeyi denermisiniz ?

Link sorunuz için ise , otomatik bir şekilde olmaz ama , linkleri eklerken , 1 link boşluk diğer link enter , bir link boşluk diğer link enter.....şeklinde giderseniz sorun olmaz...her satırda iki link olacaktır..

şu linkteki eklentiyide kullanabilirsiniz..

http://eklentileri.blogspot.com/2012/05/eklentilere-kaydrma-cubugu-ekleme.html

yani demo olarak alttaki linke bakın..

http://eklentilerideneme7.blogspot.com/2012/05/dene.html

Unknown dedi ki...

Sn. Eklentileri.Blogspot

Estagfirullah kusura bakilacak bir durum yok.Yogunlunuzu ve ne kadar yardimci olmaya calistiginizi blogunuzdan anlayabiliyorum.2. mesaji 1. iletimi gormediginizi dusunerek gonderdim zaten...

Cevabinizdaki ayarlari daha once denedim fakat bir sonuc alamadim.Zannediyorum ki kod ile ilgili .Cunku yayin icerisindeki link sayisi 60-70 arasinda degistigi zaman alt alta siralaniyor fakat link sayisi blogumda gordugunuz uzere 200-300 civari oldugu zaman tek baslik aciyor ana sayfada. Bu tarzda baska bir eklenti veya tema varmidir bildiginiz?

Tesekkuler

Eklentileri.Blogspot dedi ki...

Bir araştırayım sorununuzu dönerim bu konudan..

Adsız dedi ki...

Yanlız.. Admin benim blogumda çalışmadı.
www.medyabiz.blogspot.com

Eklentileri.Blogspot dedi ki...

@MedyaBiz

Merhabalar...blogunuzda gördüğüm üzere , zaten devamını oku şeklinde bağlantı kullanıyorsunuz..

yinede eklenti hakkında sorun yaşıyorsanız , temanızı indirebileceğim bir link adresini eklentileri.blogspot@gmail.com adresine mail olarak atarsanız yardımcı olayım..

BipoMan dedi ki...

Mükemmelsin paşam D: çok teşekkürler bu hizmetinizden dolayı :D

Sosyal Bilimler Uzmanı dedi ki...

hocam selamlar. den sonra benzer yazılar, şu kadar kişi okudu gibi scriptleri eklediğim zaman yazının hemen altında yer alıyor arada 3-4 px boşluk bırakmak istiyorum. margin yerleştirdim ama yapamadım. 'den sonra nasıl satır boşluğu bırakabiliriz?

Unknown dedi ki...

iki tane var hangisi ile değiştireceğiz sitem www.tarihbilgisi.co.cc

Fırat Yalçın dedi ki...

hocam süpersiniz, sitenizi sık kullananlarıma ekledim bile :)

bir sorum olacak... hiç resim bulunmayan videolu yayınlarda öngörsel olarak kitap okuyan adam gibi bi şey çıkıyor :) aşağıdaki resimden görebilirsiniz.. O nedir, resimsiz olması için en yapabilirim?

http://d1207.hizliresim.com/z/2/945v7.png

Eklentileri.Blogspot dedi ki...

resim bulunmayan yayınlara otomatik resim ekliyor..

yukarıdaki kodlar içinde ;

http://1.bp.blogspot.com/-gL37DI0AlJY/TjmThr0YhVI/AAAAAAAAAjY/y601RxVhXw8/s000/2nrklth.jpg

değiştirerek farklı bir resim koyabilirsiniz..

Fırat Yalçın dedi ki...

bu koddaki devamını oku yazısı çok basit durduğu için o kısmı sildim kendim ekliyorum devamı oku yu ama o da çok şekilli sayılmaz. buradaki devamını oku yazısını sizdeki gibi anasayfada yayınların sağ tarafında resimli bir şekilde nasıl yapabiliriz?

ilbey dedi ki...

devamını okuyu butona çevirmemiz mümkünmü mümkünse nasıl?

islam dünyası dedi ki...

ben yaptım harıka oldu

Hobimsi dedi ki...

bnde yaptım admin çok begendm ama gercekten yorumlarda da okudum basit duruyor :( ama yinede teşekkürler :)

Unknown dedi ki...

Hocam Emeğine Sağlık

Fırat Yalçın dedi ki...

hocam cevap bekliyorum?

BipoMan dedi ki...

Fırat Yalçın @ Koddaki devamını oku yazısını bul o kısımı resim yerleştir img kodları ile :) o zaman o yerleştirdiğin resim çıkacaktır :D

Çorlu Matbaa dedi ki...

Paylaşımınız için teşekkürler. Paylaşımlarınızın devamını dilerim yazılarınızı takip ediyorum teşekkürler.

Unknown dedi ki...

Eline sağlık

Adsız dedi ki...

çok sağolun çok güzel oldu :)

hamzamemet dedi ki...

sayin admin bunu diger sayfalarda nasil kullanabiliriz,ana sayfa degil de digerlerinde sizde oldugu gibi

Eklentileri.Blogspot dedi ki...

@Hamzamemet

Anlayamasım kusura bakmayın , bunu derken ?

İbrahim Halil Taş dedi ki...

slm öncelik devam butonu senin sitedeki gibi renkli olmasını istiyorum nasıl yaparım yardımcı olursanız sevinirim
sensizim_sensizlik_34@hotmail.com cevap attarsanız çok iyi olur

fatih çetin dedi ki...

hocam bu kod iyi çalışıyoda statik üst menümdeki sayfalarda da devamını oku çıkıyo onu nasıl düzeltebilirim
http://fatihcetinn.blogspot.com girince mesela iletişim ve site haritası kısmındaki hata

Eklentileri.Blogspot dedi ki...

inceleyip cevap yazarım..

0-dan-japonca dedi ki...

merhaba "devamını oku" yazısını sağ alt köşeye alabilirmiyiz? birde sayfada yanyana iki kayıt şeklinde sıralana bilirmi. yani; bir sayfada 10 kayıt olucaksa yanyana 2 kayıt ve alta doğruda beş kayıt. bu olablir mi? teşekkürler..

demir dedi ki...

ilginç bir durum, olmadı gerçekten.

Adsız dedi ki...

çok teşekkür ederim.

Yorum Gönder

Blogger tarafından desteklenmektedir.