2 Temmuz 2013 Salı

Blog Yazıları Başına Yeni Rozeti Ekleme

Blogger da yazdığımız son makale ilk sırada görünür fakat bunun daha dikkat çekici hale getirilmesi ve okuyucuya son yazılan makale olduğunu göstermek gerekebilir.

Blogger için yazdığımız son makalenin belli olması için sağ üst köşesine yeni rozeti ekleyerek görsel açıdan blogumuzu zenginleştirebiliriz.

Yazılarımızın başına yeni rozeti eklemek için aşağıda belirtilen adımları yerine getirmemiz yeterli olacaktır.

Blogger kontrol panelimizden > Şablon > Html'yi Düzenle diyerek ]]></b:skin> kodumuzu bulduktan sonra hemen üzerine aşağıdaki css kodlarımızı ekliyoruz.
#yeniyazisi { background-image: url('http://f1209.hizliresim.com/11/7/crjzm.png'); background-repeat: no-repeat; position:relative; z-index: 99999; width:55px; height:55px; right: 2px; float:right; top:1px; }

Daha sonra ise <b:section class='main' id='main' showaddelement='no'>  kodunu aratıp bulduktan sonra hemen üzerine aşağıdaki kodu ekliyoruz.

<div id='yeniyazisi'/>

Bu ekleme işlemi sonucunda son makalemizin sağ üst köşesinde yeni yazımız olduğu gösteren rozetimiz eklenmiş oluyor. 

Hiç yorum yok:

Yorum Gönder