Blogger Konularına Yeni Rozeti Eklemek

23:48 | 0 yorum

Blogger Konularına Yeni Rozeti Eklemek 

Bugün günlerden pazartesi, en sıkıcı ve depresif bir gün olabilir. Pazartesine güzel bir eklenti ile merhaba diyoruz. Finalleri bitirdikten sonra kaldığımız yerden devam edeceğimi söylemiştim. 

Blogger bir hayli gelişmekte olan sistem olmayı çoktan başarmış durumda. Her gün bir yeni blog yayın hayatına başlıyor. Tabi sade ve tasarımsız bir blog olur mu hiç... Neyse biz konumuza geçelim. :)

Blogger'a bir yeni eklenti demeyelim de bir yeni kod tasarımda eklenmiş durumda. Blogger konularınıza Yeni Rozeti ekleyeceksiniz. 

Kodu bende kullanıyorum ama kullanıma geçerken biraz sıkıntı çektim. Arama tarama yaptım bir sonuç bulamadım. Ama en sonunda ohh be ! diyerek kodu sorunsuz kullanmaya başladım.

Bu kod ile paylaştığınız son konuya resimde gördüğünüz gibi sağ üst köşede yeni rozeti görünecek. 

Kodun uygulamak için:

  • Kumanda Paneli
  • Şablon
  • HTML'yi Düzenle
  • Widget'i Genişlet
Bu yolu izledikten sonra aşağıdaki kodu bulun:
]]></b:skin>

Bulduğunuz kodun hemen üzerine gelecek şekilde aşağıdaki kodu yapıştırın:
#yeniyazisi {
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDRGCnvYwmM_jh82PcxFrdanWhjuElHCImhJbf0Y9Tb68TfHJcUDEO3RsFbAwKdi57uTrs_yEekxooTVL1tCpZ9wFDQYWVWuhqlSBQX2xO1AlGXwiU-euYhdceQELncjS7nsRlFQbOkUc/s1600/yeni.png'); background-repeat: no-repeat; 
position:relative; 
z-index: 99999; 
width:55px; 
height:55px; 
right: 2px; 
float:right; 
top:1px; 
}
Kodu ekledikten sonra yine Şablon'dan aşağıdaki kodu aratın:
 <b:section class='main' id='main' showaddelement='no'>
Yukarıdaki kodun hemen altına aşağıdaki kodu ekleyin:
<div id='yeniyazisi'/> 

İşleminiz bitti. Kodu güle güle kullanmaya başlayabilirsiniz.

Not: Eğer bu şekilde eklemenize rağmen yeni rozeti tüm konularda da çıkıyor! Ne yapmam lazım diye soracak olursanız hiç telaş etmeyin onunda çözümünü buldum. Eğer bu şekilde sıkıntı çekerseniz hemen aşağıdaki kodu olduğu gibi showaddelement='no'> kodunun altına ekleyin. 

<b:if cond='data:blog.url == data:blog.homepageUrl'><div id='yeniyazisi'/></b:if>
Ve Şablonu kaydedip çıkın. Kod sorunsuz çalışıyor olması lazım. 

Kategori: , , , ,

0 yorum