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,