19 Nisan 2009

Blogger bloglarında tüm yazılarınızın altına imzanızı nasıl yerleştirebilirsiniz?

6 adımda imzanızı oluşturabilir ve yazılarınızda istediğiniz yere konumlandırabilirsiniz.


1) Mylivesignature.com/ adresinden imzanızı oluşturun.

1.1. "Using the signature creation wizard"a tıklayarak istediğiniz kelimeyi yazarak imza oluşrutabilir,
1.2. "Draw a signature straight to the screen" seçeneği ile kendiniz çizim yapabilir,
1.3. "Using a scanned image" seçeneği ile bilgisayarınızda var olan resmi imza olarak kullanabilirsiniz.

(Üye olmadan da imzanızı oluşturabilirsiniz. Bunun için altta yer alan Proceed tuşuna basın.)



2) İmzanızı oluşturdak sonra resmin link adresini kopyalayın.

3) Blogger hesabınız ile giriş yapın.

4) Yerleşim > HTML'yi Düzenle > Widget Şablonlarını Genişlet' e tıklayın.

5) Ctrl+F tuşlarına basın ve aşağıdaki kodu aratın.

<p><data:post.body/></p>

6) Bulduğunuz bu kodun <p><data:post.body/></p> hemen altına aşağıdaki kodu yapıştırın;

<p><div align="left"><img src="yukarıki adımlarda oluşturduğunuz resmin link adresini yazın"/></div></p>


ve temanızı kaydedin...

Yukarıdaki kodda yer alan align =left ile imzanızın yazınızın solunda olmasını sağlar. Eğer sağ tarafta olmasını istiyorsanızı left yazan yere right yazmanız yeterli olacaktır.

Yazılarda nasıl göründüğünü görmek isterseniz; bu blogu ziyaret edin.

Not:
* left (ing.) = sol (Tr)
* right (ing.) = sağ (Tr)

Son olarak;

Herhangi bir aksi durumdan temanızı koruma amaçlı olarak, yukarıdaki işlemleri yapmadan önce;

1. Blogger'a kullanıcı adınız ve şifreniz ile giriş yaptıktan sonra "Kumanda Paneli"nden (dashboard), temayı uygulamak istediğiniz blogunuzun "Yerleşim" (layout) kısmına tıklayın.
2. Yerleşime tıkladıktan sonra açılan sayfada, "HTML'yi Düzenle" (Edit HTML) kısmına tıklayın.
3. "Tam Şablonu Yükle" (download full template template) 'e tıklayarak var olan temanızı bilgisayarınıza kaydedin.

Yorum
Zeugma dedi ki...
Ne güzel bir hizmet bu!!!
Hemen bugün deneyeceğim. Umarım başarılı olurum :)
Teşekkürler Sade ...
Sade dedi ki...
:) İmzan çok şık olmuş, Zeugma.
Zeugma dedi ki...
Teşekkür ederim. Ben de çok beğendim.Yazılarım daha şık duruyor :)
Tabii ki sayende gerçekleşti bu.
Tekrar teşekkürler Sade :)
Sade dedi ki...
Rica ederim Zeugma, bir faydam olduysa ne mutlu bana:D
nükhet dedi ki...
evet yine ben :)dediğiniz herşeyi yaptım fakat ctrl F tuşu ile arama yaptığımda arattığınız kısmı bulamadı ve bende imza html sini nereye yapıştırıcam bilmiyorum .şimdi yardımcı olursanız sevinirim... :)
Sade dedi ki...
Nükhet, Widget Şablonlarını Genişlet' e tıklayın ve şu şekilde arama yapmanızı tavsiye ederim; <data:post.body/> yine bulamazsanız data:post.body şeklinde aratın. Ve diğer adımları takip edin. İşe yarayacağını düşünüyorum. Olmadı yine beklerim:D
nükhet dedi ki...
yardımlarınız için teşekkür ederim bir tek data:post.body den sonra sitedeki htmli yapıştırdım .sizin dediğiniz gibi yapamadım (adres linki yapıştırarak)ama yine de istediğim oldu .yardımlarınıza tekrar teşekkürler
Sade dedi ki...
Sizin için imza reminizi tiynpic'e yükledim.
Bulmanız gereken <data:post.body/> kodundan sonraki bir alt satıra alttaki kodu yapıştırırsanız tam olarak istediğiniz imzaya sahip olabilirsiniz. (Tabi daha önce imza için oraya eklediğiniz kodu silmeyi unutmayın)

<p><div align="left"><img src="http://i43.tinypic.com/ifudz8.jpg"/></div></p>
nükhet dedi ki...
bu kadar ilgi beklemiyordum açıkçası..:)anlatım netliğiniz ve yardımlarınız için teşekkürler sevgili sade....
Sade dedi ki...
Elimden geleni yapıyorum sadece. Jestiniz içinde çok teşekkür ediyorum. Güzel bir süpriz oldu.
nükhet dedi ki...
:))
Sevgili sade
elimde çizdiğim bir karakter var ,onu html kod haline nasıl dönüştürebilirim...?header a eklemek istiyorum ...Bu arada çoğu terimi bilmediğim için yazılarızda varsa cevabı farkedememiş olabilirim..
Sade dedi ki...
Bunun için yapman gerekenleri Blogger Header yerine Gadget Eklemek konusunda anlatmıştım. Orada anlatılanlar yaparsan istediğin resmin Header kısmında görüntülenmesini sağlayabilirsin. Kolay gelsin.
Momo dedi ki...
Hepsi çok güzelde o kod bende yer almıyor
Momo dedi ki...
Yukarıdaki kodlarıda denedim blogta küçük kırmızı olarak çarpı çıkıyor
Sade dedi ki...
@Momo: Yerleşim > HTML'yi Düzenle > Widget Şablonlarını Genişlet'e tıklayın. ve temanızda tekrar arama yapın alttaki gibi kodları göreceksiniz;

<div class='post_content'>
<data:post.body/>
</div>

Kolay gelsin...
Momo dedi ki...
Bu şekilde de denedim küçük çarpı çıkıyor:(
Sade dedi ki...
@Momo: Temanı kaydettin ve yazılarının altında çarpı çıkıyor doğru mu anlıyorum? Eğer öyleyse; 6. adımdaki "yukarıki adımlarda oluşturduğunuz resmin link adresini yazın" yerine resim adresinizi yazmalısınız.
Momo dedi ki...
bütün adımları izledim:( olmuyor:( sanırım pes etmeliyim:(