Нумерована навігація сторінок Блоггера

Навігація сторінок потрібна для всіх блогерів, оскільки вона може полегшити навігацію для ваших відвідувачів.

Крок 1: Застосувати стиль
1. Зареєструйтесь на панелі інструментів Blogger і перейдіть у Макет > Змінити HTML
2. Не кликайте прапорець 'Розширити шаблони елемента'
3. Знайдіть наступне
]]></b:skin>
і замініть цей фрагмент на
.showpageNum a {  padding: 3px 8px; margin:0 4px;  text-decoration: none;  border:1px solid #999;  -webkit-border-radius:3px;-moz-border-radius:3px;  background: #ddd; } 
.showpageOf {  margin:0 8px 0 0; }
.showpageNum a:hover {  border:1px solid #888;  background: #ccc; }
.showpagePoint {  color:#fff;  text-shadow:0 1px 2px #333;  padding: 3px 8px;  margin: 2px;  font-weight: 700;  -webkit-border-radius:3px;-moz-border-radius:3px;  border:1px solid #999;  background: #666;  text-decoration: none; } 
]]></b:skin>

Крок 2: Застосувати Javascript
Знайти це:
</body>
Замініть на:

&lt;script type='text/javascript'&gt; var home_page=&quot;/&quot;; var urlactivepage=location.href; var postperpage=7; var numshowpage=4; var upPageWord ='Prev'; var downPageWord ='Next'; &lt;/script&gt; &lt;script src='http://all-in-one-blogger-widget.googlecode.com/files/pagenaviv202-min.js' type='text/javascript'&gt;&lt;/script&gt; </body>
Змініть в залежності від налаштування вашого блогу:
var postperpage=7;
var numshowpage=4;
Postperpage: скільки публікацій на кожній сторінці вашого блогу,
numshowpage: скільки номерів відображаються у вашій навігації сторінок.

Крок 3: Настроювання Ярликів

Перейдіть на сторінку редагування HTML і "Розширте шаблон елемента керування"
Знайдіть наступне:
'data:label.url'
Замініть на:
'data:label.url + &quot;?&amp;max-results=7&quot;'
Замініть 7, виходячи з того скільки статтей розміщено на сторінці.

Джерело: http://www.abu-farhan.com/2009/12/numbered-page-navigation-for-blogger-new-script/

0 комент.:

Дописати коментар