Merhaba arkadaşlar, bugün size sitenizdeki popüler yayınları numaralandırmayı göstereceğim. Önce ne işe yaradığını söyleyeyim. Bu eklenti sitenizde en çok girilen 5 konuyu (Sizin belirlediginiz bir rakam) sizin için en çok girilenden en az girilene kadar sıralıyor. Ve sitenize girenlere bu yazının daha çok okunduğunu gösteriyor. Yapımı aşağıda verilmiştir. Kolay gelsin .
1. Adım : Blogger > Düzene gidiyoruz.
2. Adım : Gadget Ekle seçeneğine tıklıyoruz.
3. Adım : Listeden Popüler Yayınları seçiyoruz.
Aşağıdaki gibi yapıyoruz ayarlarımızı;
1. Adım : Blogger > Düzene gidiyoruz.
2. Adım : Gadget Ekle seçeneğine tıklıyoruz.
3. Adım : Listeden Popüler Yayınları seçiyoruz.
Aşağıdaki gibi yapıyoruz ayarlarımızı;
Şimdi özel eklentileri eklemek gerekir. Onun içinde aşağıdaki yolları izleyiniz.
4. Adım : Blogger > Şablon
5. Adım : HTML Düzenlemeye tıklayın. ( HTML Kodlarınız yedeklemeyi unutmayınız.)
6. Adım : Ctrl + F Yardımı ile ]]></b:skin> kodunu arıyoruz.Bulduğunuz ]]></b:skin> kodun öncesine aşağıdaki kodu yapıştırıyorsunuz.
/*--- kisisel-blogcumuz Popular yaynlar --- */
.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;
}
İşlemlerimiz tamamdır. Kodu tamamen okuyunuz bizim kendi adımıza doldurduğumuz yerleri kendinize göre doldururak düzenleyiniz.