Blogger Popüler Yayınlar Animasyon Eklenti Kodları

Blogger Popüler Yayınlar onu bloggerde MEVCUT zaten, biz bunu farkli Bir görünüme sokmak Click html kodlarıyla değişik bir goruntu Elde ettik hem renkli hemde yazılarınıza GÖRE eklenmiş resimler forumlar ustelik resim Olan kısımlar animasyon Dönerli sekilde yapilmistir.
Eger met TÜR Blogger Popüler Yayın eklentniz olmasıni İstiyorsanız?
Ozaman HEMEN aşağıdakı anlatımı uygulayın ettik sizde met şık eklentiye SAHİP olun.
1.Blogger hesabınıza Giriş Yapın.
2.Kumanda Paneli & gt; SABLON & gt; Html Düzenle yolunu konumundadır ediyoruz A.Ş. Widget şablonlarını genişleti işaretleyin VEYA biçimlentire for English ikiside SIM Express yöndem.

3.

]] & Gt; & lt; / b: skin & gt; 

Ctrl + F Kısa Yol tuşlarıyla yukardaki kodu aratıp aşağıdaki kodları üsteki kodun HEMEN Üstüne yapıştırın A.Ş. Şablonu kaydedip çıkıyoruz.

# PopularPosts1 ul {margin: 0; padding: 5px 0; list-style-type: none}
# PopularPosts1 ul li {position: relative; margin: 5px 0; border: 0; padding: 10px}
# PopularPosts1 ul li: first-child {background: # ff4c54; genişliği: 90%}
# PopularPosts1 ul li: first-child: {: "1" content} sonra
# PopularPosts1 ul li: first-child + li {background: # ff764c; genişliği: 87%}
# PopularPosts1 ul li: first-child + li: {: "2" content} sonra
# PopularPosts1 ul li: first-child + li + li {background: # ffde4c; genişliği: 84%}
# PopularPosts1 ul li: first-child + li + li: sonra {içeriği: "3"}
# PopularPosts1 ul li: first-child + li + li + li {background: # c7f25f; genişliği: 81%}
# PopularPosts1 ul li: first-child + li + li + li: {: "4" content} sonra
# PopularPosts1 ul li: first-child + li + li + li + li {background: # 33c9f7; genişliği: 78%}
# PopularPosts1 ul li: first-child + li + li + li + li: {: "5" content} sonra
# PopularPosts1 ul li: first-child + li + li + li + li + li {background: # 7ee3c7; genişliği: 75%}
# PopularPosts1 ul li: first-child + li + li + li + li + li: {: "6" content} sonra
# PopularPosts1 ul li: first-child + li + li + li + li + li + li {background: # f6993d; genişliği: 72%}
# PopularPosts1 ul li: first-child + li + li + li + li + li + li: {: "7" content} sonra
# PopularPosts1 ul li: first-child + li + li + li + li + li + li + li {background: # f59095; genişliği: 69%}
# PopularPosts1 ul li: first-child + li + li + li + li + li + li + li: {: "8" content} sonra
# PopularPosts1 ul li: first-child + li + li + li + li + li + li + li + li {background: # c7f25f; genişliği: 66%}
# PopularPosts1 ul li: first-child + li + li + li + li + li + li + li + li: {: "9" content} sonra
# PopularPosts1 ul li: first-child: sonra,
# PopularPosts1 ul li: first-child + li: sonra,
# PopularPosts1 ul li: first-child + li + li: sonra,
# PopularPosts1 ul li: first-child + li + li + li: sonra,
# PopularPosts1 ul li: first-child + li + li + li + li: sonra,
# PopularPosts1 ul li: first-child + li + li + li + li + li: sonra,
# PopularPosts1 ul li: first-child + li + li + li + li + li + li: sonra,
# PopularPosts1 ul li: first-child + li + li + li + li + li + li + li: sonra,
# PopularPosts1 ul li: first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
# PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}
# PopularPosts1 ul li a {font-size: 12px; color: # 444; text-decoration: none}
# PopularPosts1 ul li a: hover {color: # 222; text-decoration: none}
# PopularPosts1 img {
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-geçiş Tüm 0,3 s kolaylığı;
    -moz-geçiş Tüm 0,3 s kolaylığı;
    Geçiş Tüm 0,3 s kolaylığı;
}
# PopularPosts1 img: hover {
    -moz-dönüşümü: ölçek (1.2) döndürün (-560deg);
    -webkit-dönüşümü: ölçek (1.2) (-560deg) döndürmek;
    -o-dönüşümü: ölçek (1.2) (-560deg) döndürmek;
    -ms-dönüşümü: ölçek (1.2) (-560deg) döndürmek;
    dönüşümü: ölçek (1.2) (-560deg) döndürmek;
}