Mayıs 10, 2012

Blogger Yazı Başlıklarına Resim(İcon) Ekleme - Blogger Kod Eklentisi


Blogger Yazı Başlıklarına Resim(İcon) Ekleme - Blogger Kod Eklentisi

Merhaba arkadaşlar, bu konumda sizlere yararlı bir kod ve örneğini göstereceğim. Şu zamanda trend olan blogger eklentileri her geçen gün artıyor. Bende sizlere bir yenisini paylaşacağım. Unutmayalım ki bilgi paylaştıkça güzel. 

1.Adım: Yerleşim > HTML'yi Düzenle > Widget Şablonlarını Genişlet 'e tıklayın. Ve "Ctrl+F" yardımı ile alttaki kodu bulun

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>

2.Adım:  Yukarıda bulmuş olduğunuz kodda uygun bulduğunuz yere alttaki kodu yerleştirin. 
<img src="http://i50.tinypic.com/df9gzq.jpg" style="border-width: 0px;" />
Yukarıdaki kodda kırmızı ile renklendirilmiş resim yerine kullanmak istediğiniz resmin adresini yazmayı unutmayın.

3.Adım: Şablonunuzu kaydettikten sonra blogunuza geri dönün ve eğer bir problem yaşarsanız "YORUM" kısmında belirtiniz. Kodun önizlemesi burada

Renklendirilmiş Alanlar Açıklaması:


Kırmızı ile renklendirilmiş alandan sonra yapıştırırsanız : Resminiz yazı başlığının üstüne,

Mavi ile renklendirilmiş alandan sonra yapıştırırsanız : Resminiz yazı başlığının soluna,

Pembe ile renklendirilmiş alandan sonra yapıştırırsanız : Resminiz yazı başlığının sağına,

Turuncu ile renklendirilmiş alandan sonra yapıştırırsanız : Resminiz yazı başlığının altına

konumlanacaktır.



blog baslıklarına resim ekleme, blog yazılarınıza resim ekleyin, blog yazınıza resim ekleme,Blogger Eklentisi, Blogger Yazı Başlıklarına Resim Ekleme - Blogger Eklentileri , Blogger Yazı Başlıklarına Resim Ekleme - Blogger Eklentileri, blog yazılarınıza resim ekleyin, Blogger Eklentisi, blog yazınıza resim ekleme, blog baslıklarına resim ekleme, resim nasıl eklenir, blog basligina resim nasil eklerim

5 yorum :

Hocam ben yazının soluna resmi ekliyorum ama yazıyla aynı hizada durmuyor, biraz daha yukarıda görünüyor, onu nasıl düzeltebilirim.

@Abdullah Kara
Aşağıdaki iki kodu Şablon bölümünde arat
< a expr:href='data:post.url' > RESİM URL < data:post.title/ >< /a>
Ortasına resmin linkini yapıştır. İstediğin gibi olacaktır.

Yazının altına resim eklemek istiyorum onu nasıl yapabilirim?

@Mavi Masal, Konu içerisinde bir resim yüklersiniz en alta sürükleyerek eklemiş olursunuz.

@just, Bu kodu uyguladıktan sonra bütün yazı başlıklarında aynı icon gösterilecektir. Herhangi bir başlığa uygulayamazsınız.

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.