DavutErarslan 10 von 109Oy 5 Kritik

Bu eklentiyi yani "Devamını Oku Bağlantısı" daha önce anlattım fakat bunda resimide oto. olarak küçülttüğü için bazı aksaklıklar olmuş..Yani bir yorum geldi bu eklentiyi kelimeye göre nasıl yaparız diye..Bende boş durur muyum? gatai Dedim anlatayım ikincisini de..Koyuldum işe.

Çalışması Nasıl Olacak ? - Ekleniyi Nasıl Kurarım ?


Bu eklenti ile yazılarınızda resimler oto küçülmeyecek..Siz belirli bir alan mesela 100px belirleyeceksiniz her yazı 100px alanda yayınlanacak devamını yazı sayfasında çıkacak.

Bu eklentiyi kurmak çok basit demeyelimde zor da değil bir kaç adım uyguladıktan sonra eklentiyi kurmuş olacaz..http://davuterarslan.blogspot.com

Eklenti Nasıl Gözüküyor ? Kullanan Varmı ?

Bu eklentiyi bende kullanıyorum bende ki devamını oku bağlantısı bu eklenti ile sağlanıyor.Görübümü ise : +/- Eklentinin Görünümü İçin Tıkla Aç-/-Kapat



1. Adım


İlk önce blogger hesabımıza girş yapıyoruz ve Yerşim-->Html Düzenle-->Widget şablonu genişlet adımlarını izliyoruz..http://davuterarslan.blogspot.com

2. Adım


Daha sonra CSS dosyamıza yani ]]></b:skin> kodundan önce şu kodu yapıştırıyoruz.

.more {
background-attachment:scroll;
background-color:white;
background-image:none;
background-position:0 0;
background-repeat:repeat;
float:right;
margin-top:-14px;

position:relative;
}


3. Adım


Daha sonra ise Ctrl+F ile </head> kodunu buluyoruz.Daha sonra bu koddan önce şu kodu yapıştırıyoruz.

<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
.post-body {
text-align:justify;}
<b:else/>
.post-body {
text-align:justify;
height:262px;
overflow-x:hidden;
overflow-y:hidden;}
</b:if>
</style>


4. Adım


Son olarakda şu kodu buluyoroz.

    <div class='post-header-line-1'/>

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


Bu kodu aslında buraya yazmamın nedeni bize bu tüm kod lazım değil ama yinede olsun..Siz <data:post.body/> kodunun bulun ve yukarıdada göründüğü gibi bir en sonra </div> kodu var eğer siz data:post.body den sonra başka kodlar eklemişseniz diye bu kodu verdim..Siz bu div kodunu bulun ve bundan sonra şu kodu ekleyinn.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='more'>[...]<a expr:href='data:post.url'>devamını oku...</a> </div> </b:if>


Ve kaydedip çıkıyoruz..AmA bundan önce gerekli düzenlemeler :
<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
.post-body {
text-align:justify;}
<b:else/>
.post-body {
text-align:justify;
height:262px;
overflow-x:hidden;
overflow-y:hidden;}
</b:if>
</style>


Yukarıdada göründüğü gibi height:262px; kodu ne kadar yükseklik olacağını belirler bunu size göre değiştirebilirsiniz..http://davuterarslan.blogspot.com
muhaber dedi ki...

Twittis, tuşu çalışmıyor sosyal imlerde sebebi de, "http://twitthis.com/twit?url=" kısmından sonra bir tane boşluk gelmesi. bu boşluğu html'den sildiğiniz an hata düzeliyor.

İyi geceler :)

Admin dedi ki...

tamam hemen düzelttim çok teşekküler..

tr-manken dedi ki...

reşekkürler saolasın

Orijinal Delikanlı dedi ki...

Evet şimdiye kadar java senaryosu kullanılmadan yapılan en iyi devamını oku eklentisi diyebilirim.
Bir diğer yaygın olan her yazıya eklenilmesi gereken kod var o oldukça zahmetli..

Ben de Magzmo gibi şablonların hazır scriptini devamını oku eklentisine uydurmaya çalışıyorum.

Piyasada çok kodcu geçinen var ama çözüm üreten ne yazık ki oldukça az. Herkez copy-paste ile geçiniyor.(Bu yazdıklarımdan ben iyi kodcuyum diye anlaşılmasın ben kodcu değilim)

DelgadoSamet dedi ki...

teşekkürler dost sen de omasan napcaz yhaa

Kuyruklu Yıldız dedi ki...

yahu ben bunu yaptım ama yazılar gitti :( resimler kaldı. arşivden ulaşabiliyorum ancak .

Davut Erarslan dedi ki...

Dikkat et..div kodundan sonra ekleyecen ve data:post.body kodunu silme bu kodu içine alan div kodundan sonra ekle olur ;)

Kuyruklu Yıldız dedi ki...

:) yaptım. ama yazıya resim eklediğim zaman sadece resim gözüküyor ve resmin sağ alt tarafında devamını oku diye yazıyor. :) neyse artık uğraşmaya devam. saol ;)

davut erarsslan dedi ki...

:) Büyük resim eklerse bunda olmaz çünkü bu js ile yapılmamış ve siteyi yvaşlatmaz ama devamınnı oku eklentisi 1 de resim küçülüyor ona bak istersen ;)

Kuyruklu Yıldız dedi ki...

tamam hallettim saol.. başarılar. ;)

Adsız dedi ki...

Mükemmel bir anlatım ne zamandır arıyordum böyle bir eklenti sonunda tam istediğim gibi birşey buldum.Yanlız Devamını oku rengini değiştirmek istiyorum sadece sorun olarak o kaldı.Nasıl değiştirebilirim.?

Davut Erarslan dedi ki...

data:post.bod kodunundan sonra eklediğimiz koddaki devamını oku... yazan kısma renk ver olsun bitsin..Mesela şöyle yap yeni kayıt oluştura tıkkla orada renk kodlarına bak sonra buradaki devamını oku yazısına koy olur ;)

Adsız dedi ki...

Çok teşşekür ederim yardımın için.Dediğin gibi yapıp yukarıdaki kodu ekledim sorun çözüldü.

mostspeed dedi ki...

abicim ben yamadım yardım eder misin

Düzgün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun.
XML hata iletisi: Open quote is expected for attribute "{1}" associated with an element type "expr:dir". böyle dedi

Davut Erarslan dedi ki...

evet,işte sorun burada oluyor.Div kodunun bitişine eklemen gerekiyor.Div kodunu bulduğundan emin ol ;)

Vasfiye... dedi ki...

oldukça uğraş gerektiren birşeymiş, ama sayenizde kolay olucak galiba. İnşallah yapabilirm. Aktardığınız bilgiler için teşekkürler.

veyselhande dedi ki...

cilen yardımıznızza ihtiyacım 11ine sevgilim için azırlıyorum bu siteyi ama tıknıp kaldım haya veriyo şablon ve dediğiniz düzeltmeyi yapıcaktım ama buamdım ki gözleirm ağrıdı vala ne olur yrdım edin nourrrrrrrrr

veyselhande dedi ki...

şimdi de yaptım ama ne olduunu anlamış değilim hata falan vermedi ilk kez yaptıım çin cok cahilim gükmeyin halime valla :(
ne işime yarıcak şimdi buu ben bi de arkadalrım google yazdıında bu hazıradıım sitenin görülmesii istiyorum bunun içinmiydi yoksa yaptıım::):)

Alper dedi ki...

Teşekkürler :)

Ne yalan sölim arkadaşlar ben copy paste yapıyorum çünkü yeniyim henüz :d

Deniz'in annesi dedi ki...

mrb, eklentiyi gerçekleştirdim, ama video ekleme link i kayboldu, geri nasıl getirebilirim,bu benim için daha önemliydi.

RaMaZaN dedi ki...

bu kodu nasıl geri kaldırabilirim?
yani widgeti genişletince ortalık bayağı karışıyor....
lütfen yardım....:(:(

ekonomist dedi ki...

ben yaptım bunu ama bütün yazıyı gösteriyor ben yazıyı saklaması için yapmıştım oysa,yukarıdaki height yazan kodun karşısındaki sayıyı 15 e kadar düşürdüm ama olmadı,lütfen biri yardımcı olabilir mi?

Admin dedi ki...

Bunu resimli Yapmak İçin Ne Yapmalıyım

tki dedi ki...

teşekkürlerrrr

Abiye dedi ki...

Aciklamali anlatimlarin icin tesekkurler Yazilarin devamini bekliyorum.

Saygilar

Yorum gönderirken lütfen alakalı yorumlar yollayın.

Burada yer alan Haber7 haberleri ile güncel hayattan haberdar olun. Davut Erarslan haber eklentisi vardı önceden onu da bir ara eklerim.

Daha fazka haber için tıkla. Haber7 haberleri
blogger"