14 Kasım 2013 Perşembe

Blogger Renkli Popüler Yazılar Eklentisi

  Hiç yorum yok
Merhaba arkadaşlar, İnternet problemi nedeniyle uzun bir süredir paylaşım yapamıyordum. Uzun sürenin acısını sizlere çok şık eklentiler paylaşarak kapatmayı düşünüyorum. İlk paylaşımım yan tarafta resimde gördüğünüz üzere oldukça şık  ve gösterişli herhangi yazı taşması gibi bir problemi olmayan blogger renkli popüler yazılar eklentisi.


Blogger Renkli Popüler Yazılar Eklentisi Ekleme
blogger renkli popüler yazılar
Blogger Yönetici Paneline giriş yapıyoruz.

Şablon > HTML'yi Düzenle sayfasına geliyoruz.

Temamızdan aşağıda ki kodu buluyoruz.

]]></b:skin>

Bu kodun hemen üstüne aşağıda bulunan kodları yapıştırıp, Kaydet'e tıklıyoruz ve işlem tamamdır.

Güle güle kullanın :)






/* Blogger Popüler Yazılar Eklentisi - http://blogkaynagi.blogspot.com*/ .PopularPosts ul, .PopularPosts li, .PopularPosts li img, .PopularPosts li a, .PopularPosts li a img { margin:0 0; padding:0 0; list-style:none; border:none; background:none; outline:none; } .PopularPosts ul { margin:.5em 0; list-style:none; font:normal normal 13px/1.4 "Arial Narrow",Arial,Sans-Serif; color:black; counter-reset:num; } .PopularPosts ul li img { display:block; margin:0 .5em 0 0; width:50px; height:50px; float:left; } .PopularPosts ul li { background-color:#eee; margin:0 10% .4em 0; padding:.5em 1.5em .5em .5em; counter-increment:num; position:relative; } .PopularPosts ul li:before, .PopularPosts ul li .item-title a { font-weight:bold; font-size:120%; color:inherit; text-decoration:none; } .PopularPosts ul li:before { content:counter(num); display:block; position:absolute; background-color:black; color:white; width:30px; height:30px; line-height:30px; text-align:center; top:50%; right:-10px; margin-top:-15px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } /* Renk düzenle & level */ .PopularPosts ul li:nth-child(1) {background-color:#E11E28;margin-right:1%} .PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%} .PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:3%} .PopularPosts ul li:nth-child(4) {background-color:#6EBE27;margin-right:4%} .PopularPosts ul li:nth-child(5) {background-color:#149A48;margin-right:5%} .PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:6%} .PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:7%} .PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:8%} .PopularPosts ul li:nth-child(9) {background-color:#863E62;margin-right:9%} .PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:10%}

Hiç yorum yok :

Yorum Gönder

Argo içerilikli yorum attığınız taktirde hakkınızda dava açılır, site adresinizi yoruma attığınız taktirde ise bloğunuz google sıralamasından düşer.