Menu

CSS3 İle Blogger Etiketlerini Düzenleme

Blogger kenar çubuğunda görünen Etiket Bulutları bazen site tasarımınıza uygun olmayabiliyor.Bir bir web sitesi düşünün düzgün ve şık bir görünümü var  ama Etiket Bulutlarının çok kötü görünümleri  var ise kelimenin tam anlamıyla okuyucunun siteniz hakkındaki bakış açısını öldürebilir.

CSS3 İle Blogger Etiketlerini Düzenleme




Aşağıda verdiğim kodlar ile Blogger varsayılan Etiketler Widgetinizi oldukça  şık bir görünüm almış olacak. Blogger  varsayılan Etiket Widgetleri oldukça eski bir görünüme sahiptir düzenlemek için CSS3  komutları yardımı ile özelleştireceğiz.

CSS3 İle Blogger Etiketlerini Düzenleme
                                                             

CSS3 ile Blogger Bulut Etiketlerini Özelleştirme 

1-İlk önce Blogger.com giriş yapınız sonra Şablon/ HTML Düzenle adımlarını takip ediniz.

2-Kodu yükleyeceğiniz yeri bulmak için,kodumuz CSS olduğu için
 ]> </ b:skin> buluyoruz.
Bu kodu bulmak için
 ]> </ b:skin> kodunu kopyalayarak Ctrl + F tuşlarına basıp kodlarınızın içinde aratın

3-Bulduğunuz
 ]]> </ b:skin> kodunun üstüne aşağıda verdiğim kodu ekleyiniz ve son olarak Şablonunuzu kaydediniz.

CSS3 İle Blogger Etiketlerini Düzenleme
4-Blogger Yerleşim/Gedget adımlarını takip ederek Etiketler Gedgetını ekleyiniz.

CSS3 İle Blogger Etiketlerini Düzenleme


CSS3 İle Blogger Etiketlerini Düzenleme

Blogger Etiketlerini isterseniz kategorileriniz için Liste olarak kullanabilirsiniz veya isterseniz Bulut şeklinde kullanabilirsiniz.
/*--- seomektebi CSS3 etiketler --- */.Label a{padding-left:20px;background:#000;padding:0 20px;color:#fff!important;border-radius:100px;-moz-border-radius:100px;height:32px;line-height:32px;text-transform:uppercase;text-decoration:none;border:none !important;-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;float:left;margin-left:5px;margin-top:5px;font-size:14px; }.Label a:hover{color:#000 !important;background:#ff0; }
CSS Kodlarını Düzenleme:
Aşağıdaki CSS kodları içindeki #ffo şeklindeki renk kodlarını istediğiniz gibi değiştirebilirsiniz.Ayrıca 14px şeklindeki sayısal değerle oynayarak istediğiniz yazı büyüklüğünü sağlayabilirsiniz.
Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " CSS3 İle Blogger Etiketlerini Düzenleme "

Önerilen Yazı
×