Навигация в 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpWkUJ-RfQlfaFWlxKuJVkOvWArZSB8-Ejso0laYnTF7BNv51X7l8qMBTTTkcDZcF98-cQxBi0S2FwNQOpTIaMlZLm4QgB4uKlaxdI3AwKe0AOKKS1_GRuXrGANc0GIBKbOKuBKivG1YBE/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHUQRXpmFm6otxS_YOLvRiOnQXHPwWNUD-GeGfic3z0Y7f9SA_6r3AJt6uh_Ax9M75q2FqsybtSfLHYXQzrxuGXQE1s3v2Z17WitenzYsfyb_jIOyNKLrlszyffAAYMICnUNb83erYQmMw/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'>


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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpWkUJ-RfQlfaFWlxKuJVkOvWArZSB8-Ejso0laYnTF7BNv51X7l8qMBTTTkcDZcF98-cQxBi0S2FwNQOpTIaMlZLm4QgB4uKlaxdI3AwKe0AOKKS1_GRuXrGANc0GIBKbOKuBKivG1YBE/s1600/icon-25858_640.png

с този:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie147ki3zEDnsvMoC1iMY5gW1IxU0JjRC1uucenCCe5HLos8Rq8lxcrWgGp8EMwJdYbqTEy0x49hu1AUhEhyrr-SiaNmm-3em4mTVsFiMKc-0ciYWBnJfZFzmDNx5XbRAznii36fniLxKH/s1600/%25D0%25BD%25D0%25B0%25D0%25BF%25D1%2580%25D0%25B5%25D0%25B4.png

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHUQRXpmFm6otxS_YOLvRiOnQXHPwWNUD-GeGfic3z0Y7f9SA_6r3AJt6uh_Ax9M75q2FqsybtSfLHYXQzrxuGXQE1s3v2Z17WitenzYsfyb_jIOyNKLrlszyffAAYMICnUNb83erYQmMw/s1600/gray-25856_640.png

с този:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Bz63y59YMdsAgj9qyXHEJhYME5YzhLm8b92mFPGsM7CyJc9Lo5JhDtzCs3YdeEQcCnkOzCSIFIig_6kFpUc_USqOBVlTlceL9rqXO-39JQ7_T1caLz6Rv8pGD9DpiUufLuPMjyiLOvBv/s1600/%25D0%25BD%25D0%25B0%25D0%25B7%25D0%25B0%25D0%25B4.png

Continue lendo >>

Навигация в 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJCg0HQgajMNJzfUEt1Qd0WMyD8rBuABb9b6MI5skB-_ajpmF4LZmpHE59mIGNbLClrphEs3BMNs0VrKIanBKeR0YWptu5U0ifYK36VNVFxHACSiY6y-gA91gU7lHMPZjDj2DPRiAuF-lz/s1600/gray-25859_640.png "/> < /a>

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

- с bottom:10px - разстоянието до долния край на прозореца на браузъра.
- с right :10px; - разстоянието от дясната страна на прозореца. Ако замените right с left, бутона ще се визуализира в ляво.
- title="Back to Top" – Можете да замените Back to Top с текст по ваш избор, например – Обратно горе.
-Ако не харесвате сивата стрелкичка, можете да я промените, заменяйки адреса (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJCg0HQgajMNJzfUEt1Qd0WMyD8rBuABb9b6MI5skB-_ajpmF4LZmpHE59mIGNbLClrphEs3BMNs0VrKIanBKeR0YWptu5U0ifYK36VNVFxHACSiY6y-gA91gU7lHMPZjDj2DPRiAuF-lz/s1600/gray-25859_640.png) с този на ваше изображение.
Изображението трябва да е с размери около 40х40 рх. След като го изберете, има лесен начин да имате адреса, който да промените в приставката.
Качвате изображението в блога като нова притурка и запазвате промените. Влизате в блога и кликвате с десен бутон върху изображението, а след това избирате опцията- Копиране на адреса на изображението. След като смените адреса, може да изтриете приставката без да се притеснявате. Бутона ще се визуализира без проблеми.
Това е и дано ви е било полезно. В следващата публикация, когато ми остане време, ще покажа как можете да промените навигацията под публикациите в блога. Нормално там има три надписа:
По-стари публикации, Начална страница и По-стари публикации. Има сравнително лесен начин, до промените това с нещо, което да отличава вашия блог.

Continue lendo >>