Виджет популярные сообщения для blogger

Привет, Всем!  Яндекс опять выкинул, часть моих страниц из индекса, надеюсь,  что ненадолго. Вообще Яшка вредина в отличии от гугла. Но сегодня не об этом.


Хочу предложить еще одно интересное оформление Популярных сообщений на платформе blogspot. Надеюсь такое оформление кого-то зацепит  и установит себе на блог, и это будет означать, что я не зря проделываю такую работу.

Перед  тегом </b:skin> нужно вставить следующий код:

.popular-posts ul{padding-left:0px;} .popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSnL1_vsa1-aWglqBXuFG1cgOatjqMrPd5j44VNiRHt_sHpTh0Ud0KNtsZgit0-y4048HMe-4jHcc7t_QE2ygg8yBVDqWDVDBVX06XQaWCMMe6DBMeXT7yWEcWc07el_GrJeUGO3CO3QM/s1600/1.gif) no-repeat scroll 5px 10px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border: 1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .popular-posts ul li:hover { border:2px solid #1a1a1a;
background:#FFFFFF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
color:#6633FF;
}
.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);
}
background:#FFFFFF; } .popular-posts ul li a:hover { text-decoration:none; color:#6633FF; } .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); }

#1a1a1a –(появляющийся контур при наведении стрелки)- можно заменить на любой другой.

Как работает данный скрипт, вы можете посмотреть на этом блоге.

Вот и все.  Надеюсь, статья оказалась для вас полезной). До скорых встреч. Па-па.