Menü



9.16.2014

Blog Tasarımı | Resimli Devamını Oku Yapımı


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.

27 yorum:

  1. 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ıtlaSil
    Yanıtlar
    1. beğenmenize çok sevindimm :) Bir kaç çiçekli çeşit daha ekleyeyim hemen ozmn ben :)

      Sil
  2. Merhaba bende bugünlerde bunu bulmaya çalışıyordum. Yalnız bende yazı çıkmamaktadır.

    YanıtlaSil
    Yanıtlar
    1. Devamı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 :)

      Sil
    2. Tamamdı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..

      Sil
    3. Bence yaparsın sende merak etme deneme yanılma yöntemiyle çözülüyor herşey :)

      Sil
  3. Çok teşekkür ederim tam istediğim bilgiydi:)))

    YanıtlaSil
  4. '' '' bu kodu bulamadım ben:(

    YanıtlaSil
  5. Yaptımm!!! :) Teşekkürler, teşekkürler:)

    YanıtlaSil
  6. çok teşekkürler çok faydalı olmuş hemen yapıyorum :)

    YanıtlaSil
    Yanıtlar
    1. İşinize yaramasına çok sevindim :) Güzel günlerde kullanın :)

      Sil
  7. çook güzel bi deneyeyim hemen teşekkürler kocaman <3

    YanıtlaSil
    Yanıtlar
    1. Ne demek işinize yaramasına çok mutlu oldummmm :)

      Sil
  8. selam 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ıtlaSil
    Yanıtlar
    1. Ederim tabiki tatlım benm ama çözmüşsün :) Eğer yine yardım gerekirse mylittlemascara@gmail.com a mail at tatlımm :) :*

      Sil
  9. Yapamıyorum :( Kodların hiçbiri bende çıkmıyor :(

    YanıtlaSil
    Yanıtlar
    1. tüm kodları kopyalayıp bir txt dosyasına ekleyip baksanız eğer yinede çıkmıyorsa kullandığınız şablondan kaynaklı olabilir :(

      Sil
  10. Başardıııım :) Çok teşekkürler:)

    YanıtlaSil
  11. ben 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ıtlaSil
    Yanıtlar
    1. resmin linki yanlış olabilir ondan görünmüyor olabilir :)

      Sil
  12. Bana header tasarlar mısın nolur nolur :)

    YanıtlaSil
  13. Canı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ıtlaSil
  14. Canımmm,
    Baktım bloguna http://k1310.hizliresim.com/1g/z/u3234.png bunu aratırsan kodların arasında bulursun bunun yerine yeni resim linkini ekle :)

    YanıtlaSil
  15. canım şuan var olanı değiştirip yenisini eklemek istiyorum fakat kodu bulamadım :(

    YanıtlaSil
    Yanıtlar
    1. Canım resmin linkini arasan bulursun belki.

      Sil