Навигационно меню в Blogger

Класическото навигационното меню в Blogger е неотменна част от оригиналните шаблони. Подобен елемент в страницата е полезен, но в този си вид недостатъците са прекалено много.
Освен смяна на цветът и то ограничена, друга възможност за промяна няма. Част от елементите му са излишни, а други могат да бъдат вредни за блогът ви.
Лично аз махнах моето, след като в продължение на една седмица два блога с напълно прилично съдържание, бяха блокирани временно. Скучаещ потребител или „доброжелател”, беше използвал опцията – Сигнал за злоупотреба. Обикновено от Blogger, първо спират блоговете, а след това проверяват, което може да продължи два-три дни, че и повече. Това е и основната причина за скриване на тази лента.
Скриването на лентата става лесно. От Табло за управление –Оформление- Редактиране на HTML кода.
Маркира се – Шаблоните на приставките да се разгънат.
Натиска се клавишната комбинация Ctrl + F. В полето се пише:

#outer-wrapper { }

Вижте изображението:



Точно под този ред се добавя:

#navbar-iframe { height:0px; visibility:hidden; display:none; }

И се запазват промените.


В повечето нови шаблони също има вградени навигационни ленти. Красиви са и практични, но адресите трябва да добавяте директно в HTML-кода. Наред с това, можете да добавяте, премахвате или размествате менюто. В събота преправях навигационното меню на единият от блоговете си и примерът е от него. Ето как става:
От Табло за управление- Оформление- Редактиране на HTML кода. Маркира се- Маркира се – Шаблоните на приставките да се разгънат.
Натиска се клавишната комбинация Ctrl + F. В полето се пише:

ul id='nav'

Вижте изображениетето:



Това е участъкът, който трябва да редактирате:

<div id='navi'>
<ul id='nav'>
<li class='page_item'&>lt;a href='#' title='Home'>Home</a> </li>
<li class='page_item'> <a href='#' title='About'>About</a></li>
<li class='page_item'><a href='#' title='Contact'>Contact</a></li>
<li class='page_item'><a href='http://www.deluxetemplates.net/' title='Blogger Templates'>Blogger Templates</a> </li>

Така изглеждаше и навигационното меню:



Както виждате, участъкът се състои от еднакви по структура редове. Трябва само да добавите адресите, които искате да се отварят. Можете да добавите още опции ,да коригирате текста на български и да размените местата, както желаете.
Така изглежда навигационното меню, след моята редакция:



А тук е участъкът, след промените:

<div id='navi'>
<ul id='nav'>
<li class='page_item'< <a href='1' title='Номе'>Начало</a> </li>
<li class='page_item'> <a href='2' title='About'>За този блог</a> </li>
<li class='page_item'> <a href='3' title='Contact'>Контакт</a> </li>
<li class='page_item'> <a href='4' title='RSS'>Абонамент RSS</ a> </li>
< li class='page_item'> <a href='5' title='Edit'>Вход</a>/<li>

Не съм добавил адресите. Трябва да се поставят на мястото на цифрите от 1 до 5. Някои от тях са различни за всеки блог:
1 – (Начало)-Това е адресът на началната страница на вашият блог.
2 – Това е адресът на страница или пост във вашият блог, където са можете да опишете, целта на блога, или просто неща да самия вас.
3 - (Контакт)- тук се добавя вашият имейл по този начин:
mailto:nyamamideya@gmail.com
4-(RSS) – Тук се добавя адресът на RSS емисията на вашият блог.
5- (Вход)- Тук се добавя http://www.blogger.com/home. Този линк води към таблото за управление.

Това е всичко.

.