Selamlar blogcanlar,
Bugün size yine bir blog tasarımını güzelleştirme postu yazdım en çok merak edilenlerden bir konu "devamını oku" linkini resimli hale getirmek Aslında bu gayet basit ne mi yapıyoruz hadi başlayalım :)
İlk Blogger paneline giriyoruz buradan yandaki menüden Şablonu seçiyoruz ve HTML düzenle diyoruz.
Yukarıda gördüğünüz gibi içerisinde html kodlar yazan bir sayfa çıkıyor buradaki kod içerisinde CTRL+F ile <data:post.jumpText/> kodunu arayıyoruz.
Yukarıdaki bu kod'u silip yerine
<img src='Resmin Linki'/>
bu kodu ekliyoruz ve şablonu önizle diyoruz eğer resim içinize sinmiş ise düzenlemeyi kaydet diyoruz ve bitti :)
Çok basit değil mi :)
Sizler için bir kaç tane resimli devamını oku butonu tasarımı yaptım beğendiğinizi alabilirsiniz :)
Devamını oku yazısı nasıl çıkıyor diye sorarsanız eğer , post yazdığınız düzenleme alanında "Atlama aralığı ekle" diye bir seçenek var onu seçmeniz gerekmektedir. Aşağıya resmini ekledim kırmızı kare içine alınan seçenek :)
Öpüldünüz.
ellerinize sağlık çok güzel olmuşlar en çok kırmızı çiçekliyi sevdim ama ben :) teşekkürler çokta faydalı oldu hemencik bi deniyorum sevgiler
YanıtlaSilbeğenmenize çok sevindimm :) Bir kaç çiçekli çeşit daha ekleyeyim hemen ozmn ben :)
SilMerhaba bende bugünlerde bunu bulmaya çalışıyordum. Yalnız bende yazı çıkmamaktadır.
YanıtlaSilDevamını oku yazısının çıkması için post yazarken postun bölünmesini istediniz yere "Atlama aralığı ekle" demeniz gerekiyor yazı stillerinin olduğu yerde işareti var. Postu güncelleyip resmini ekleyeceğim hatta :)
SilTamamdır teşekkürler :) site ayarları hakkında pek fazla bilgim olmuyor erkek arkadaşım hallettiği için pek gereksinim duymadım . Ama sonra baktım da yazılarım uzun duruyor eklemem gerektiği bilgisini anladım. Kendi çapında halletmeye çalışıyım dedim şansa blogunuza denk geldim :) Umarım halledebilirim..
SilBence yaparsın sende merak etme deneme yanılma yöntemiyle çözülüyor herşey :)
SilYapabilmene çok sevindim canımm :)
YanıtlaSilçok teşekkürler çok faydalı olmuş hemen yapıyorum :)
YanıtlaSilİşinize yaramasına çok sevindim :) Güzel günlerde kullanın :)
Silçook güzel bi deneyeyim hemen teşekkürler kocaman <3
YanıtlaSilNe demek işinize yaramasına çok mutlu oldummmm :)
Silselam canım bu konu ile ilgili bir problemim var devamını oku resmini değiştirmek istiyorum ama bahsettiğin kodların hiçbiri şablonumda çıkmıyor başka bir şablondayken eklemiştim bu kodu sonra şablon değiştirdim devamını oku hala duruyordu ancak şimdi resmi değiştirmek istiyorum ve olmuyor yardım eder misin :(
YanıtlaSilEderim tabiki tatlım benm ama çözmüşsün :) Eğer yine yardım gerekirse mylittlemascara@gmail.com a mail at tatlımm :) :*
SilYapamıyorum :( Kodların hiçbiri bende çıkmıyor :(
YanıtlaSiltüm kodları kopyalayıp bir txt dosyasına ekleyip baksanız eğer yinede çıkmıyorsa kullandığınız şablondan kaynaklı olabilir :(
SilBaşardıııım :) Çok teşekkürler:)
YanıtlaSilÇokkk sevindimmmm :))
Silben az önce yaptım kodu buldum falan tamam ama devamını oku yazısı yazıyor görsel çıkmıyor nasıl yapayım :)
YanıtlaSilresmin linki yanlış olabilir ondan görünmüyor olabilir :)
SilBana header tasarlar mısın nolur nolur :)
YanıtlaSilCanım bende daha önce devamını oku resmi vardı snein verdiğin kodla aratıp değiştirmek istedim çünkü resim silindiğinden görünmüyor artık ama bu kodla da bulup değiştiremiyorum ne yapabilirim?
YanıtlaSilCanımmm,
YanıtlaSilBaktım bloguna http://k1310.hizliresim.com/1g/z/u3234.png bunu aratırsan kodların arasında bulursun bunun yerine yeni resim linkini ekle :)
canım şuan var olanı değiştirip yenisini eklemek istiyorum fakat kodu bulamadım :(
YanıtlaSilCanım resmin linkini arasan bulursun belki.
Sil