вторник, 26 ноември 2013 г.

Навигация в Bloger – навигация между страниците

Както обещах в предишната публикация - Навигация в Blogger – Back to top, този път ще обясня, как можете да промените навигацията между страниците в блога си.
Стандартно навигацията изглежда така:


Един от вариантите е да потърсите в Google притурка, която ще замени тази навигация с номерация на страниците. Само че, недостатък на това оформление е първо, че притурките се захранват от външен скрипт, който в някой хубав ден може, да спре да работи. Втори недостатък е, че това е приложимо основно за блогове, в които има повече от една публикация на страница, а това трябва да се избягва, за да не се бави зареждането на блога. Третата причина е, че част от тези притурки с номерация имат ограничение от примерно 500 страници и за по-стари блогове, с повече публикации, са неприложими.
Това, което ще ви предложа е замяна на стандартната навигация с навигация със стрелки, каквато направих в личния си блог Нямам идея. Ето как изглежда:


Разбира се, можете да замените тези стрелки с други изображения по ваш вкус по начина, който обясних в предишната публикация. Как да го направите.
От Таблото за управление отидете на Шаблон и изберете Редактиране на HTML кода. Кликнете в прозорчето, в което е кода, за да остане маркера там и натиснете CTRL и F. Ще ви се отвори опция за търсене в кода. Потърсете:

<b:includable id='nextprev'>

След това вижте редовете под този ред. Трябва да изтриете целия участък от кода между този ред и реда:

<div class='clear'/>


След като го направите, поставете на мястото на изтритото следния код:

<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src='http://3.bp.blogspot.com/-pSJvneCA8JA/Un4ouqoQ50I/AAAAAAAANnQ/WHExuxt1WNQ/s1600/icon-25858_640.png'/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><img src='http://2.bp.blogspot.com/-2jaAZjyTgK8/Un4ol2Mu-xI/AAAAAAAANm8/IU_ljolIpRY/s1600/gray-25856_640.png'/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'<<data:homeMsg/></a>

<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'>


Заменете адреса:

http://3.bp.blogspot.com/-pSJvneCA8JA/Un4ouqoQ50I/AAAAAAAANnQ/WHExuxt1WNQ/s1600/icon-25858_640.png

с този:

http://3.bp.blogspot.com/-8KKXnyHcVS4/UoBQJvo2MoI/AAAAAAAANpI/VM8mYRNZpnI/s1600/%25D0%25BD%25D0%25B0%25D0%25BF%25D1%2580%25D0%25B5%25D0%25B4.png

Заменете адреса:

http://2.bp.blogspot.com/-2jaAZjyTgK8/Un4ol2Mu-xI/AAAAAAAANm8/IU_ljolIpRY/s1600/gray-25856_640.png

с този:

http://4.bp.blogspot.com/-erXDk52oPiI/UoBQPo7PAZI/AAAAAAAANpU/brttuVsOfbs/s1600/%25D0%25BD%25D0%25B0%25D0%25B7%25D0%25B0%25D0%25B4.png

1 Коментар:

Люси каза...

Здравейте, благодаря ви за полезните постове. За младите блогъри като мен са много полезни! Поздрави!

Публикуване на коментар

:п :1а :2а :3а :4а :5а :6а :7а

Правила за съдържанието

Криейтив Комънс договор
Произведението използва Creative Commons Признание-Некомерсиално-Без производни 2.5 България License. Моля, копирането на материали от тук, да става с указване на източника с реален линк.

За мен

Моята снимка

Ако двамата имаме по една ябълка и ги разменим, пак ще имаме по една ябълка. Ако двамата имаме по една идея и ги разменим, всеки ще има по две!
Джордж Бърнард Шоу

Намерете ни във Facebook

  ©Другият - Всички права запазени

Template by Dicas Browser | Template original Dicas Blogger | Topo