Beauty

Widżet Popularne Posty z okrągłymi miniaturkami na Bloggera

1. Dodaj gadżet Popularne Posty

Zaloguj się do panelu admina na Bloggerze. W menu Układ dodaj gadżet Popularne Posty.
 Skonfiguruj i Zapisz.

2. Dodaj kod stylu widżetu

Wejdź do menu Szablon => Dostosuj.
Kliknij Zaawansowane => Dodaj arkusz CSS. W okienko wklej kod i wciśnij Enter. Na koniec kliknij Zastosuj do bloga.

3. Kod widżetu

.popular-posts ul {
padding-left:0;
}

.popular-posts ul li {
background:#FFF url(http://1.bp.blogspot.com/-OpWaDRgZmiU/VNjMMjAv9UI/AAAAAAAAI7s/vakd01WYOw0/s1600/1.gif) no-repeat scroll 5px 10px;
list-style-type:none;
border:1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin:0 0 5px;
padding:5px 5px 5px 20px !important;
}

.popular-posts ul li:hover {
border:1px solid #6BB5FF;
}

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

.popular-posts .item-thumbnail img {
webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
box-shadow:0 1px 3px rgba(0,0,0,.4);
}

Instagram