К основному контенту

Настройка шаблонов Блоггер (заменитель navbar)

По просьбе одного из наших читателей решил написать конкретный инструктаж по работе с телом шаблона. Во первых сразу хочу сказать, что ничего сложного в этом нет, и для успешного блоговодства вам просто необходимо этому научиться, однако это не значит что вам придется выучить HTML, нет, просто научиться искать в теле шаблона необходимые строки и заменять их, либо что то подобное.

Итак, как мы попадаем в тело нашего шаблона:
1. Входим на блоггер, и нажимаем в нужном нам блогеHастройки(Если у вас не стандартный шаблон, то скорее всего панели navbar у вас не будет так, что в настройки вы пока что сможете зайти только отсюда), - вот так:

Настройка шаблонов блоггер
2. Зайдя в Настройки выбираем вкладку дизайн, а в ней Изменить HTML, вот так:
Настройка шаблонов блоггер
Вы наверняка были в этом разделе настроек, так как здесь же меняют шаблоны. Галочку расширить шаблоны виджета не всегда необходимо ставить, только по требованию особых настроек.
Теперь по конкретному вопросу читателя "Восстановление элементов Navbar":
Все что вам необходимо сделать, это найти необходимую строчку в теле шаблона и вставить перед ней скрипт. А именно найти:
<b:section class='sidebar' id='sidebar'
Как это сделать. Ставите курсор на поле с кодом шаблона, и нажимаете комбинацию Ctrl+f, если это Mozilla, то окно поиска появится внизу, если это Opera , то откроется отдельное окошко поиска, и в том и в том случае копируем и вставляем в окно поиска необходимую строчку, после чего вам выделит искомую строчку каким либо цветом. Вот так:
Настройка шаблонов блоггер
Перед этой строчкой необходимо вставить, следующий код:
<div align='right'><span class='item-control blog-admin'> <h2>панель управления</h2> <p><a href='http://draft.blogger.com/post-create.g?blogID=XXXXXXXXXXXXXXXXXX'>Новая статья</a> | <a href='http://draft.blogger.com/blog-options-basic.g?blogID=XXXXXXXXXXXXXXXXXXX'>Настройки</a><br/> <a href='http://draft.blogger.com/rearrange?blogID=XXXXXXXXXXXXXXXXXXX'>Дизайн</a> | <a href='http://draft.blogger.com/html?blogID=XXXXXXXXXXXXXXXXXXXX'>HTML</a> | <a href='http://draft.blogger.com/moderate-comment.g?blogID=XXXXXXXXXXXXXXXXXXX'>Комментарии</a><br/> <a href='http://draft.blogger.com/logout.g'>Выход</a> </p></span></div>
Вставив этот скрипт сразу перед строчкой которую мы нашли , вам необходимо заменить все строчи ХХХХХХХХХХХХХХХХХ (их 5), на свой BlogId.
BlogID - номер вашего блога вы можете увидеть когда зайдете в написание статьи в вашем блоге, он будет находиться в адресной строке, а именно в ее конце после равно, скопируйте его, и вставьте вместо каждой строчки ХХХХХХХХХХХХХХХ. На картинке все показано:
Настройка шаблонов блоггер
Подчеркнутые цифры вставляем вместо ХХХХХХХХХХХХ и нажимаем сохранить, и все элементы управления Navbar появятся в таком виде:
Настройка шаблонов блоггер
Вот и все. Надеюсь теперь вы разберетесь, однако если, что всегда готов ответить на вопросы в ICQ: 274805552

Комментарии

Популярные сообщения из этого блога

Добавляем красивый гаджет Поделиться

Если Вы регулярно совершенствуете свой блог, то Вам пригодится данная не сложная публикация, о том как добавить красивую кнопку "Поделиться". Ее особенность в том, что при наведение курсора она раскрывается и предлагает несколько сервисов в которых можно разместить ссылку на Ваш блог. Демо можно посмотреть тут!

Как сделать ссылку на определенную часть той же страницы.

Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег : <a id=" yakor "></a> Начало текста или заголовка В качестве слова якорь выделенного красным вы можете использовать любое другое, подходящее по смыслу. 2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида: <a href="# yakor ">Слово</a> Покажу как это долж

Открыть несколько ссылок одним кликом мыши

Многие из Вас наверняка встречали сайты, на которых нажав на одну ссылку открывается сразу несколько сайтов. Так делают те кто хочет прорекламировать независимый интернет ресурс, в таком случае открывается ссылка по которой вы должны перейти и еще одна, так-же это делают для увеличения просмотров определенных страниц на сайте, либо если действительно необходимо открыть сразу две ссылки. Для обычного блоггера это может быть полезным так как заинтересовав человека одной ссылкой Вы как бы повышаете популярность Вашего ресурса, так как он посетит вместо одной страницы в Вашем блоге сразу несколько. Чтобы вставить такую ссылку необходимо к тексту добавить следующий код: <a href="http://www.ссылка1.com/" target="_blank" onmouseover="window.open(&quot;&quot;http://www.ссылка2.com&quot;&quot;);window.open(&quot;&quot;http://www.ссылка3.com&quot;&quot;);">Click Here Link Bucket</a>   Вставьте свои ссылки, увеличьт