Blog Yazılarınıza İmza Ekleyin

Bazı bloglarda farketmişsinizdir, blogcular yazılarının sonunda değişik stillerde yazılmış isimlerinden oluşan bir imza gösteriyorlar.Bu yazımda blog yazılarının sonuna nasıl imza ekleyeceğinizi abnlatacağım.

İlk olarak bir imza oluşturmanız gerekiyor.Bunun için My Live Signature sitesini kullanacağız.Sitenin imza sihirbazını kullanarak imzanızı kolayca oluşturabilirsiniz.Örneğin ben 9 numaralı fontu, 6 numaralı boyutu, #F11212 renk kodunu, 5 numaralı eğimi kullanarak aşağpıdaki imzayı oluşturdum.

imza
İmzayı oluşturduktan sonra imzamın altındaki 3 adet linkten Want to use this signature linkine tıklıyorum.Açılan pencerede bana 2 adet seçenek sunuyor, Generate HTML code seçeneğini tıklıyorum.Son olarakta Generate a code for my handwritten signature seçeneğini seçiyorum ve oluşturulan kodu az sonra kullanmak üzere bir kenara not ediyorum.

Şimdi oluşturduğum bu imzayı bloguma entegre edeceğim.Bunun için blogumun kumanda panelinden Şablon > HTML’yi Düzenle yolunu takip ediyorum ve Widget Şablonlarını Genişlet kutusunu işaretledikten sonra Ctrl+ F tuş kombinasyonu yardımıyla aşağıdaki kodu buluyorum.

 

<data:post.body/>


Bu kodun hemen altına şu kodları ekliyorum.

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Oluşturduğum imza kodu
</b:if>

 

Oluşturduğum imza kodu yerine az önce not ettiğim kodu yazıyorum.Ve işte sonuç…

71 yorum:

  1. Teşekkürler, yine güzel bir yazı olmuş. Bir sorum olacak. Bu imzayı footer kısmına değil de hemen yazımızın altına yapıştırabiliyor muyuz?

    Benzer yazılar eklentisi kullanıyorum ve yaptığım denemede "imzanın" bu eklentinin de altında kaldığını gördüm. dolayısıyla benim açımdan hoş durmuyor. Yazı + "benzer yazılar" + imza olarak görünüyor.

    YanıtlaSil
  2. muhteşem bir paylaşım emeğine sağlık. bu arada sitemde uyguladım çok keyif aldım. çok teşekkürler. bundan sonra en sadık izleyicin olacağım.
    yalnız linkwithin'in "you may also like this stories" olarak adlandırdığı gadgedi kullanıyorum ve imza yazımın altına değil bu gadgedin altına geliyor. yazımın hemen altına nasıl getirebilirim bilmiyorum.

    YanıtlaSil
  3. Arkadaşlar imzayı yazının hemen altında göstermek için imza kodunu nereye koyacağınızı yazının sonuna ekledim.Umarım sorun çıkarmaz.

    YanıtlaSil
  4. şeklinde deneyince dediğim gibi bir sonuç aldım, teşekkürler. Şu anda yazı + imza + benzer yazılar şeklinde yer alıyor.

    YanıtlaSil
  5. kod yazınca yorum kısmında gözükmüyor sanırım. o zaman şöyle diyeyim. ikinci kısımdaki "post./body" şeklinde olanı deneyince dediğim gibi bir sonuç aldım, teşekkürler. Şu anda yazı + imza + benzer yazılar şeklinde yer alıyor.

    YanıtlaSil
  6. evet yorumlarda kod yazamıyoruz ne yazıkki.blogunuza baktım,sizin de değiniz gibi imza yazının sonunda gözüküyor.bir sorun yok gibi...

    YanıtlaSil
  7. teşekkürler hocam. ben de uyguladım, sonuç aldım. hatta blogumda da bunu yazdım. :) (http://bahceduvari.blogspot.com/2011/08/blog-yazlarnza-imzanz-eklemek-ister.html)

    kod içinse, en sondaki "post.body"li olanın altına, siteden aldığımız kodu doğrudan ekleyince oluyor. ha eğer, gadgetlarla yan yana gelirse (örn. facebookta beğen filan), kodun altına

    "br"
    "/br" derseniz sorun çözülüyor :) (tabii " yerine önce < sonra da > koyuyoruz:))

    YanıtlaSil
  8. @Sem Fakih
    Sanırım siz bir yerde hata yapıyorsunuz.Yorumlarda da okuduğunuz gibi herkeste çalışan bir uygulama.Bir kez daha deneyin

    YanıtlaSil
  9. Çok teşekkürler , bir şey daha rica ediyorum imzayı sağ tarafa almam için yardım edermisiniz?

    YanıtlaSil
  10. @Sem Fakih
    Yorumlarda kod yazamadığımız için buraya yazamıyorum ama şöyle anlatayım imza kodundan önce div style='float:right etiketini ekleyeceksiniz.İsterseniz imzayı sağ tarafta gösteren kodları aşağıdaki linkteki dosyaya yazdım.

    http://www.box.net/shared/li9xtpkh5n7kcchrfsdn

    YanıtlaSil
  11. Cok tesekkürler bu güzel bilgiler icin

    YanıtlaSil
  12. Paylasim icin tesekkurler

    YanıtlaSil
  13. Merhabalar...Tesadüfen bulduğum sitenizden çok büyük yararlar alarak ayrılıyorum ve özellikle bloğuma bu imza olayını uzun zamandır düşünüyor ama sizin gibi anlatanı bulamadığım için yapamıyordum. Size çok ama çok teşekkürler ediyorum. Bundan sonra sıkı takipçiniz olacağım..

    YanıtlaSil
  14. Merhabalar. Benim blogum (http://buyumeyencocukk.blogspot.com/) olarak yazilarimin altinda Linkwithin 'bunlarda ilginizi cekebilir butonu' bulunduyorum yanliz imza da onun altinda direkt gözüküyor oysa ben yazinin altinda hemen görünsün istiyorum nasil olacak?(ikicini kirmizi anlatisinizi da denedim ama iki kez ayni yerde alt alta cikti imza ve hos durmadi) umarim yardim edersiniz :)

    YanıtlaSil
  15. @Polyanna
    İmzanın yazı ile LinkWithin arasında gözükmesini ist,yorsanız imza kodunu <data:post.body/> kodundan hemen sonra ekleyin.

    YanıtlaSil
  16. 2 kez imza kodu eklemişsiniz.Lİnkwithin altındakini kaldırabilirsiniz.

    YanıtlaSil
  17. Teşekkürler hocam güzel anlatım fakat imza blokun normalde solda, nasıl sağ tarafa alırım cevaplarsanız sevinirim..

    YanıtlaSil
  18. @Mehmet Er

    Yazıda imza kodlarını şu şekilde ekleyin demiştim ( <b:if cond='data:blog.pageType == &quot;item&quot;'>
    Oluşturduğum imza kodu
    </b:if> )

    İmzayı sağ tarafa eklemek için onun yerine şu şekilde ekleyin:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='float:right'>
    Oluşturduğum imza kodu
    </div>
    </b:if>

    YanıtlaSil
  19. Çok teşekkürler cevabınız için mesele halloldu...

    YanıtlaSil
  20. Nasıl güzel bir blog bu. Nasıl teşekkür edeceğimi bilemiyorum. Ellerinize, yüreğinize sağlık.
    Tek sorun yorumlarınızdaki doğrulama kodları. Bu yüzden yorum yazmaya korkuyorum. Çünkü o anlamsız harfleri okuyamadığım için durmadan hata yapıp yorumu kolayca yollayamıyorum.

    YanıtlaSil
  21. div class='post-footer ve data:post.body ,Kodlarını bulamadım :S

    YanıtlaSil
  22. Herşeyi eksiksiz yaptığım halde çalışmadı.

    YanıtlaSil
  23. Muhteşem bir eklenti. fakat benim aldığım çok farlı çıktı. Anlayamadım


    Aynı resimli kategori eklemek için kullandığımız kodlar gibi çıktı

    YanıtlaSil
  24. hocan data post bady kodu bende 3 tane var hangisi

    YanıtlaSil
  25. hocam 3 kodun hepsine denedim altlarına üstlerine ayrı ayrı ancak olmadı vede linkwithin kayboldu kodu ekleyince neden acaba

    YanıtlaSil
  26. EYLÜL
    Bulduğunuz ilk kodun altına eklemelisiniz. İmza ana sayfada değil, başlığa tıklayıp post sayfasına girince gözükür.

    YanıtlaSil
  27. Hocam imza kodunu ekledim imza gozukmuyor yardimci olursaniz sevinirim..

    YanıtlaSil
  28. @FERDA
    Eklediğiniz blog hangisi?

    YanıtlaSil
  29. hocam iki blogum var ama bu blogumama eklemek istiyorum http://koyluguzeli-ferda.blogspot.nl/

    YanıtlaSil
  30. Acaba yanlış yere eklemiş olabilir misiniz? <data:post.body/> kodunu aradığınızda birden fazla sonuç çıkar. İmza kodunu bunlardan ilkinin altına eklemelisiniz.

    YanıtlaSil
  31. Hocam sorun cozuldu size cok tesekkur ederim..

    YanıtlaSil
  32. hocam simdi denedim kodu ama o imza olusturmak için verdiğiniz adrese yönlendiroprdu link onu sildim sadece imza kaldı sorun olmaz dimi

    YanıtlaSil
  33. Merhaba Serdar Hocam. Bahsettiniz data:post kodunu bulamazsak imzayı nereye ekleyebiliriz?

    Teşekkürler

    YanıtlaSil
  34. @Engin Sevim
    <div class='post-footer'> kodunun üstüne de ekleyebilirsiniz.

    YanıtlaSil
  35. Hocam yapamadım ben her türlü denedim ama olmadı :( Anlamadım hatam nerede.

    YanıtlaSil
  36. Üçüncü denememden sonra nihayet oldu. Sayenizde bir çok değişiklikler yapıyorum daha da yapacağım anlaşılan. Teşekkür ediyorum.

    YanıtlaSil
  37. "İmza ana sayfada değil, başlığa tıklayıp post sayfasına girince gözükür." demişsiniz. Ana sayfada da görünür yapmak mümkün mü?

    YanıtlaSil
  38. @deryadenizozlem
    Evet mümkün. İmza kodundan önceki <b:if cond='data:blog.pageType == &quot;item&quot;'> ve sonraki </b:if> kodunu kaldırırsanız imza ana sayfada da gözükür.

    YanıtlaSil
  39. Ay vallahi oldu. Çok teşekkür ediyorum. Çocuklar gibi sevindim. Daha neler yapacağız bakalım sayenizde?

    YanıtlaSil
  40. Merhaba, Öncelikle tüm paylaşımlarınız çok teşekkür ederim. Ben sıfırdan sizin yazılarınızı takip ederek bir blog oluşturdum. İmza da ekledim. Ancak imzayı iptal etmek için ne yapabilirim? Girdiğim kodları bulup iptal etmeye çalıştım ama olmadı tabi ki . Yardımcı olursanız çok sevinirim...

    YanıtlaSil
  41. @" İLGİ"Lİ
    Aynen dediğiniz gibi, eklediğiniz kodları geri kaldırın.

    YanıtlaSil
  42. Teşekkür ederim. Sanırım eksik ya da hatalı bir şey yapıyorum olmuyor. Tekrar deneyeyim.

    YanıtlaSil
  43. hocam yeni şablon düzenleyicisinde şablonu genişlet yok.
    ctrl+F dediğim zaman kodu bulamıyor...
    yardımcı olur musunuz?

    YanıtlaSil
  44. @nurcan islek
    Widget şablonları zaten genişletilmiş yeni HTML editöründe.

    YanıtlaSil
  45. Hocam Çok Güzel Elinize Sağlık

    YanıtlaSil
  46. hocam merhaba imza sol kenara dayalı ve atlamalı yayın yaptığımda devamı için yonlendirmesi hemen ımzanın altında cıkıyor bunu nasıl duzletebılırz acaba? yani imza da ortada olsa devamı için "read more" yonlendirmesi de ortada olsa?

    YanıtlaSil
  47. @serap tan
    İmzayı ortalamak için kodu cennter etiketi içine alın. Yani şöyle:


    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <center>Oluşturduğunuz imza kodu</center>
    </b:if>

    YanıtlaSil
  48. Merhaba Hocam ,

    Ya bende blogumu ekledim anlattığınız gibi kodu ama bir yazı yazınca altında imzayı göremiyorum ??? :/

    YanıtlaSil
  49. @duygu keles
    Merhaba,
    <data:post.body/> kodunu aradığınızda birden fazla sonuç çıkar. Bunlardan ikincisinin altına eklemeyi deneyin.

    YanıtlaSil
  50. selamun aleyküm hocam imza yazıldıgı gibi yaptım ama hiç biyerde göremiyom

    YanıtlaSil
  51. @Asİ-TeUfeL- DiizayN
    Kodu eklediğin yer yalış olabilir. <data:post.body/> kodunu aradığınızda birden fazla sonuç çıkar. Bunlardan ikincisinin altına eklemeyi dene.

    YanıtlaSil
  52. Merhaba hocam yardımınıza ihtıyacım var bloğumda ne yayınlarsam ıkı defa yayınlanıyor bu konuda bana daha öncede yardım etmıstınız simdiden teşekkürler..

    YanıtlaSil
  53. @Ferda
    Şablonun HTML kodlarından blog kayıtlarının olduğu iki widgettan birini silmeniz gerekir.

    YanıtlaSil
  54. merhabalar, ben imzayı tarif ettiğinizşekilde ekledim lakin, imza yazımın son satırından bir önceki satır sonunda görünüyor. niye böyle oldu anlamadım.. napmam gerek? imzadan sonra bir kelime ya da bir cümle daha oluyor alt satırda..

    YanıtlaSil
  55. İmza kodunu <div class='post-footer'> kodunun üstüne de ekleyebilirsiniz.

    YanıtlaSil
  56. Merhaba.
    İmzamı oluşturup dediğiniz şekilde kodundan sonra yapıştırdım. Ancak son yazdığımdan sonra bir satır boşluk bırakmazsam imza cümlenin sonunda yer alıyor. Bu normal mi?
    Bir de imzayı sağ tarafa almak istedim ama kodu arattığım zaman bulamıyorum. post footer kodu da çıkmıyor. Yardımcı olabilir misiniz ?

    YanıtlaSil
  57. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  58. Yazılanları eksiksiz yapıyorum ama olmadı. Bahsettiğiniz iki şekilde de denedim...

    YanıtlaSil
  59. Merhabalar
    Ben dediklerinizi yaparak imzamı aldım ama kodları yapıştırmak için Widget Şablonlarını Genişlet kutusunu bulamadım .Dolayısıyla imzaayı ekleyemedim.Yardımcı olursanız sevinirim.

    YanıtlaSil
  60. @Semra Mollaoglu
    Bu yazıyı çok önceden yazmıştım. Artık Blogger'da widget şablonlarını genişletmeye gerek kalmadı. CTRL F tuşlarına basıca açılan arama kutusundan direkt kodları arayabilirsiniz.

    YanıtlaSil
  61. teşekkür ederim oldu... ama yeni kayıt yaptım imzam görünmedi heralde bir yerde hata yaptım.Tekrar teşekkürler

    YanıtlaSil
  62. <data:post.body/> kodundan şablonda 3 adet vardır. İkincisinin altına eklemeyi deneyin imza kodunu.

    YanıtlaSil
  63. Harikasınız Serdar bey oldu:))) Çok teşekkür ederim .
    Bir sorum daha olacak ,boyutu sizin tanımınıza göre almıştım bana biraz büyük gibi geldi onu azıcık küçülttürme imkanı var mı?

    YanıtlaSil
  64. İmzayı baştan oluşturup daha küçük bir boyut seçmenizi önereceğim :)

    YanıtlaSil
  65. Merhaba, ben data post ya da div class kodlarının ikisini de bulamadım. Ctrl f yapıp aratıyorum fakat öyle bir sonuç çıkmıyor. Blog şemamı Sora Templates in hazır temalarından seçmiştim. Onunla alakalı mıdır sizce başka türlü nasıl ekleyebilirim?

    YanıtlaSil
  66. Merhaba ben arattırdım her iki kodu da ancak çıkmadı..Benim şablonumda mı bir sorun var genişletmem mi gerek?? Lütfen yardım edin..

    YanıtlaSil
  67. ıslak imzamı online imzaya aktarmaya çalışıyorum dediğiniz programda ücretli, ücretsiz bir program önerebilir misiniz?

    YanıtlaSil

Blogger tarafından desteklenmektedir.