вторник, 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

Continue lendo >>

четвъртък, 21 ноември 2013 г.

Навигация в Blogger – Back to top

За около месец в Нямам идея опитах професионален шаблон, но се отказах. Върнах се към шаблоните на Блогер, с които на практика може да се направи всякакъв дизайн. Едно от нещата, които добавих е бутон за навигация "Back to top" или "Обратно горе", е удобен за гостите.


Обикновено това се прави с външни скриптове, но не ги обичам и ги избягвам, когато мога. Освен че, товарят зареждането на блога, понякога имат лошия навик, да не работят, което не можем да контролираме. За бутона за навигация най-често се предлагат скриптове, но има и по-лесен начин. Това което ще предложа е код, който се добавя като обикновена HTML притурка, без значение точно къде в блога. Това е кода:

< a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:10px;" href="#" title="Back to Top"> < img src="http://4.bp.blogspot.com/-421CUac75bw/Un4j1oBhRkI/AAAAAAAANmY/O0YQLe3F--k/s1600/gray-25859_640.png "/> < /a>

Какво можете да промените:

- с bottom:10px - разстоянието до долния край на прозореца на браузъра.
- с right :10px; - разстоянието от дясната страна на прозореца. Ако замените right с left, бутона ще се визуализира в ляво.
- title="Back to Top" – Можете да замените Back to Top с текст по ваш избор, например – Обратно горе.
-Ако не харесвате сивата стрелкичка, можете да я промените, заменяйки адреса (http://4.bp.blogspot.com/-421CUac75bw/Un4j1oBhRkI/AAAAAAAANmY/O0YQLe3F--k/s1600/gray-25859_640.png) с този на ваше изображение.
Изображението трябва да е с размери около 40х40 рх. След като го изберете, има лесен начин да имате адреса, който да промените в приставката.
Качвате изображението в блога като нова притурка и запазвате промените. Влизате в блога и кликвате с десен бутон върху изображението, а след това избирате опцията- Копиране на адреса на изображението. След като смените адреса, може да изтриете приставката без да се притеснявате. Бутона ще се визуализира без проблеми.
Това е и дано ви е било полезно. В следващата публикация, когато ми остане време, ще покажа как можете да промените навигацията под публикациите в блога. Нормално там има три надписа:
По-стари публикации, Начална страница и По-стари публикации. Има сравнително лесен начин, до промените това с нещо, което да отличава вашия блог.

Continue lendo >>

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

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

За мен

Моята снимка

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

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

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

Template by Dicas Browser | Template original Dicas Blogger | Topo