Menu

Blogger Popüler Yayınlar Eklentisi 1


Blogger Popüler Yayınlar eklentisini CSS kodları ile düzenleme için aşağıdaki kodları kullanmanız yeterli olacaktır.Bu eklentide resimler daire içine alınmış ve konu yazılarının üzerine gelince renklenmişti.Ayrıca iki adet ok ile Blogger Popüler Yayınlar eklentisi işaretlenmiştir.





Sayfa tasarımınıza göre bu CSS kodları ile oynayarak istediğiniz düzenlemeleri yapabilirsiniz,örneğin yazı taşması bazı popüler yayınlar widgetinde olabilir bu durum tamamen sayfa tasarımınız ile ilgilidir bunu düzeltmek için verdiğim CSS popüler yayınlar widgetini kodlarıyla oynayarak düzeltebilirsiniz.                                                                   

CSS ile Blogger Popüler Yayınlar Eklentisi Ö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.

Blogger Popüler Yayınlar Eklentisi 1


/*-----Blogger Popüler Yayınlar Eklentisi SEO Mektebi----*/
 .popular-posts ul{padding-left:0px;}.popular-posts ul li {background: #FFF url(http://4.bp.blogspot.com/-oOVUW06ghgo/UHwuqL9TltI/AAAAAAAAGKU/Nj4DQnvft8k/s1600/1.gif)  no-repeat scroll 5px 10px;  list-style-type: none;  margin:0 0 5px 0px;  padding:5px 5px 5px 20px !important;  border: 1px solid #ddd;  border-radius:10px;  -moz-border-radius:10px;  -webkit-border-radius:10px;}.popular-posts ul  li:hover {  border:1px solid #6BB5FF;}.popular-posts ul  li a:hover {  text-decoration:none;}.popular-posts .item-thumbnail img {  webkit-border-radius: 100px;  -moz-border-radius: 100px;  border-radius: 100px;  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);} 


CSS Kodlarını Düzenleme:
Aşağıdaki CSS kodları içindeki #XXXXXX şeklindeki renk kodlarını istediğiniz gibi değiştirebilirsiniz.

Ayrıca eklentiler içindeki sayısal değerlerle oynayarak site tasarımına uygun olan ölçüleri sağlayabilirsiniz.


Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

2 yorum ''Blogger Popüler Yayınlar Eklentisi 1"

YORUM EKLE
  1. PAYLAŞTIKLARIMIZ OTOMATIK OLARAKMI GELİYOR SAYFAYA YOKSA BİZMİ ORAYA SON YAYINLARIMIZI YAPIŞTIRCAĞIZ ADMİN?

    YanıtlaSil
    Yanıtlar
    1. birşey yapmanıza gerek yok otomatik geliyor,zaten popüler yayınların akış listesine müdahale edilme durumu yoktur,blogger popüler yayınlar listesi oluşturulması sitenizde en çok tıklanan sayfalara göre sıralanmaktadır.

      Sil

Önerilen Yazı
×