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

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


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

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

.popular-posts ul{padding-left:0px;}.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2MKzLY7FtSigR9gbk7UwwXwQCTC5-LkRPbhetHwxlS_49u8PREMSOQiMRKBMEiZRPNCrBkzYajyxO3u5pi6ipsm5xgzP7-7ksJRZwcXl2qh1VkyPRMEidh-4QElFkfdbR4mfegqdvp4o/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 ulli: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 ulli 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 –(появляющийся контур при наведении стрелки)- можно заменить на любой другой.

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

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