А вы никогда не задумывались о том, что как то не логично расположены слова "Следующее" и "Предыдущее" в постраничной навигации Блогспот, Blogger? "Следующее"- слева, а "Предыдущее" - с правой стороны. Не лучше было бы, наоборот? Да и читателям, было бы удобней! Для тех кто думает так же, предлагаю решение.
© blogodel.com
Находим в шаблоне:
#blog-pager {
font-size: 140%
}
и после вставляем следующий CSS стиль:
и после вставляем следующий CSS стиль:
#blog-pager-newer-link {
float: $endSide;
}
#blog-pager-older-link {
float: $startSide;
}
float: $endSide;
}
#blog-pager-older-link {
float: $startSide;
}
© blogodel.com
15 коммент.:
https://www.blogger.com/profile/05069681985675276048
А сейчас, когда архив моего первого блога вернулся к истокам (на блогспот) мне показалось, что постраничная навигация с указателями страниц гораздо привлекательнее и удобнее. Поэтому опять пришлось искать решение, но я уже знал где оно лежит. Так что просто пошел, взял нужный код и поставил в нужное место.
Но такой короткий способ, предлагаемый Вами, Justus, не менее интересен и к тому же в определенной степени удобен.
https://www.blogger.com/profile/13820084690879273917
https://www.blogger.com/profile/13746790384341325111
не получается сделать постраничную навигацию... то ли не туда ставлю код, то ли не тем местом =)
можно чуть подробнее инструкцию) ?
https://www.blogger.com/profile/03095411097001677218
#blog-pager {
font-size: 140%
}
и после вставляем следующий CSS стиль:
#blog-pager-newer-link {
float: $endSide;
}
#blog-pager-older-link {
float: $startSide;
}
https://www.blogger.com/profile/13746790384341325111
#blog-pager-older-link {
float: left;
}
#blog-pager-newer-link {
float: right;
}
:)
https://www.blogger.com/profile/05069681985675276048
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/03095411097001677218
https://www.blogger.com/profile/05020247402894715442
<style>#blog-pager-older-link {
float: left;
}
#blog-pager-newer-link {
float: right;
}</style>
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/05020247402894715442
https://www.blogger.com/profile/08991795518177434264
https://www.blogger.com/profile/08991795518177434264
https://www.blogger.com/profile/14508146838730777986
Только сейчас это имеет вид такой в шаблоне:
.blog-pager {
}
.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
background-color: $(content.background.color);
padding: 5px;
}
после него вставила ваш код и всё заработало )
теперь жду/ищу пост о том как добавить стрелочки вместо слов или к словам :)
https://www.blogger.com/profile/12905821805102362307
Отправить комментарий
Можно применять теги: <b></b><i></i><br />
<br />