Dinamik Blogger Renkli Popüler Yayınlar Eklentisi

Dinamik Blogger kullanıcıları için açılır sidebar da yer alan Popüler yayınlar gadget’ini farklı renkler ile gösterebileceği renkli Popüler yayınlar eklentisi. Blog okuyucularınız tarafından en çok okunan yazılarınızı gösteren her ayrı pencere için farklı renklerden oluşan ve istendiğinde renkleri değiştirebileceğiniz eklenti için ilgili adımları takip edin. Eklentinin nasıl görüldüğünü yukarıdaki resimden inceleyiniz. Ayrıca eklentinin nasıl görüldüğünü yandaki sidebar Popüler yayınlara tıkladığınızda canlı olarak görebilirsiniz.
Popüler yayınlar sayısı ne olursa olsun ana sayfanızda görülen her yayın link penceresini aşağıdaki kodları kullandığınızda ayrı bir renk ile görülür.
Ayrıca okuyun ⇒
Renkli Popüler Yayınlar eklenti kurulum aşamaları :
Aşağıda verilen Popüler yayınlar CSS kodunu kopyalayın.
/* Custom CSS for Blogger Popular Post Widget */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li a,
{
  margin:0 0;
  padding:0 0;
  list-style:none;
  border:none;
  background:none;
  outline:none;
}

.PopularPosts ul li {
  margin:0 10% .1em 0;
  padding:.5em 1.5em .5em .5em;
  position: relative;
}

.PopularPosts {
padding:0 12px;
}

/* Set color and level */
.PopularPosts ul li:nth-child(1) {background-color:#E11E28;margin-right:1%}
.PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:1%}
.PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:1%}
.PopularPosts ul li:nth-child(4) {background-color:#6EBE27;margin-right:1%}
.PopularPosts ul li:nth-child(5) {background-color:#149A48;margin-right:1%}
.PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:1%}
.PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:1%}
.PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:1%}
.PopularPosts ul li:nth-child(9) {background-color:#863E62;margin-right:1%}
.PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:1%}
Renkli Popüler yayınlar CSS kod’unu eklemek için ilgili adımlar :
1. Blogger kumanda paneline giriş yapın.
2. Şablon → Özelleştir → Gelişmiş → CSS ekle penceresini açarak biraz önce kopyaladığınız kodları pencereye yapıştırın. Şu ( } ) işaretten sonra enterleyin ve blog'unuzu kaydedin. Renkli Popüler yayınlar gadget'ini incelemek için blog ana sayfanıza dönün.
Ayrıca, etiketlerininizi çerçeve içinde gösteren eklentiyi de inceleyebilirsiniz.
Özelleştir :
Yukarıda verilen kodların en altında bulunan Child (1) ile Child (10) satır kısmındaki color isminin yanındaki 16’lık hex renk kodlarını istediğiniz herhangi bir renk ile değiştirin. 
Hex kod renklerini özelleştirebileceğiniz proğramı indirebileceğiniz gibi buradan da farklı renkleri alabilirsiniz.