Blogger Popüler Yayınları Numaralandırma

Blogger için bugune kadar Popüler Yayınlar'ı nasıl özelleştirme konusunda bir çok yazım mevcut blogumda her seferinde farklı özellikte eklentiler ile sizleri buluşturuyorum.Bugun sizlere anlatacağım eklenti Popüler Yayınlar'ı numaralandırma ile alakalıdır,sağ taraftaki benim Popüler Yayınlarımda olduğu gibi,bunun yanı sıra sizlere bugune kadar neler paylaştım bu yazı ile ilgili onların başlıklarınıda vereyim.

• Popüler yayınlar küp olarak ekleme
• Açılır Stil Popüler Yayınlar Slaytı Ekleme
• Popüler yayınlar açıklamalı slayt alanı ekleme
• Blogger Farklı Popüler Yayınlar Eklentisi
• Etiket Kategorisini Popüler Yayınlar Gibi Yapma

DEMO   Sağ taraftaki Popüler Yayınlarımda Mevcuttur. 

Blogger Paneli >>> Şablon >> HTML'yi Düzenle >> CTRL+F tuşuna basın ve ]]></b:skin> kodunu bulun aşağıdaki kodları üstüne yerleştirin.

/*--- Blogger Turkey Popüler Yayınları Numaralandırma --- */
.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}

.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }

.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}

.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}

.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}

.popular-posts ul li a:hover {
text-decoration:none;
}

Yukarıdaki kodlar içersinde değiştirebileceğiniz yerleri renklendirildi istediğiniz renk tonlarından ayarlayabilirsiniz.

http://www.bloggerturkey.com/2013/05/blogger-populer-yaynlar-numaralandrma.html