l Поліпшуємо стиль віджета "Популярні повідомлення" - Довідник блогера

Поліпшуємо стиль віджета "Популярні повідомлення"

Відджет "Популярні повідомлення" у блозі на Blogger - ефективний інструмент для збільшення переглядів сторінок вашого блогу.
 Він допоможе затримати увагу читачів на сайті. Віджет. як відомо, показує найпопулярніші і найбільш відвідувані повідомлення, згідно із даними аналітики Google.
Однак і цей віджет потребує певного удосконалення.
У нашому випадку ітиметься про номерацію популярних повідомлень.
Щоб і у вашому блозі з"явились цифри перед повідомленням у цьому віджеті, слід вдатися до поліпшення стилю віджета.
Для цього виконайте наступні кроки:

Перейдіть до Blogger> Шаблон.
Никонайте резервне копіювання шаблону,
Натисніть кнопку Змінити HTML.
Виконайте пошук </b:skin>. Натисніть чорну стрілку, щоб розширити код.
Вставте наступні стилі трохи вище </b:skin>


/*--- MBT Popular Posts --- */
.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}
.popular-posts ul li a:hover {
text-decoration:none;
}

У налаштуваннях віджету краще відмовитися від  використання опцій "ескіз" та опису. Таким чином він займе менше місця на сторінці, а отже й на екрані.
Поліпшуємо стиль віджета "Популярні повідомлення" Поліпшуємо стиль віджета "Популярні повідомлення" Reviewed by Vasyl Markovych on вересня 08, 2015 Rating: 5
На платформі Blogger.