22.2.10

Blogger: Кнопки навигации - чиним и рисуем.

49 comments

ПредыдущееСледующееЗдравствуйте, а у вас в блоге есть такие красивые кнопки для навигации? Что, нет? Вы все-таки не расстраивйтесь, пожалуйста... У некоторых они (кнопки/ссылки для навигации по блогу, вот эти самые, Предыдущее - Следующее) совсем пропали (вернее не совсем пропали, а так виднеется чего-то под заголовком верхней статьи)! Вот ведь не повезло кому-то... Сегодня мы эти кнопки будем чинить, а заодно я расскажу как вставить картинки вместо слов Предыдущее - Следущее - Главная страница.

Добавление 30 марта 2011: На нестандартных шаблонах, при использовании кнопок навигации проявилась ошибка bX-67oaj1. Если у вас есть такая ошибка читайте мой новый пост: Blogger: Проблема с кнопками навигации bX-67oaj1 - решение

I. Чиним шаблоны.

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

Лично я была заинтригована и билась над этой проблемой порядка двух дней - решение я наконец нашла, но оно меня не очень устраивало так как отдавало каким-то шаманством:

Вот мое решение:

1) На вкладке Дизайн - Изменить Html
cтавим галочку на Расширить шаблоны виджета;
2) Находим строчку <b:include name='nextprev'/>
3) И вставляем перед ней любой символ, я, например, поставила точку и у меня получилось вот так: .<b:include name='nextprev'/>
4) Нажимаем Просмотр и убеждаемся, что кнопки навигации вернулись на место.... и Сохраняем шаблон.

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

Итак,
1) На вкладке Дизайн кликаем на Изменить Html
2) Находим строчку #blog-pager {

скорее всего блок кода связанный с этой строчкой будет выглядеть вот так:

#blog-pager {
text-align: center;
}

3) Вставляем во внутрь этого блока строчку clear:both;

у нас получится:
#blog-pager {
text-align: center;
clear:both;
}

4) Нажимаем Просмотр и убеждаемся, что кнопки навигации вернулись на место.... и Сохраняем шаблон.

Первоисточник (по крайней мере для меня): How to Fix Older New Navigation?


II. Картинки вместо ссылок навигации.

0) Заготавливаем картинки для навигации и загружаем их в photobucket.com или еще куда-нибудь.
1) На вкладке Дизайн - Изменить Html
cтавим галочку на Расширить шаблоны виджета;
2)
a) "Следующие"

Находим в коде вот такую последовательность символов <data:newerPageTitle/>

и заменяем её кодом картинки: <img src="http://url_вашей_картинки_Следующие" alt="Следующие" title="Следующие"/>

б) "Предыдущие"

Теперь ищем в коде такое сочетане символов <data:olderPageTitle/>

и заменяем его на код картинки <img src="http://url_вашей_картинки_Предыдущие" alt="Предыдущие" title="Предыдущие"/>

в) "Главная страница"

Находим в коде "слово" <data:homeMsg/>

и все вхождения этого слова заменяем на коды картинок: <img src="http://url_вашей_картинки_Home" alt="Главная страница" title="Главная страница"/>

Всем хороших праздников,
а сильную половину читателей
С Днем Защитника Отечества!

Счастья вам!

Света

Blogger: кошка.

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

49 комментариев:

  1. Выручили огромное спасибо!!!!!!!!

    ОтветитьУдалить
  2. Не буду пока лезть в свой код шаблона, но когда я поставил новый шаблон на блог, "Предыдущие", как можете заметить вверху и их еле видно за текстом.
    babylove-club.blogspot.com

    ОтветитьУдалить
  3. А вот еще только что столкнулся с видео.
    На главной странице видео возле сообщение не видно
    http://windowinukraine.blogspot.com/
    А тут видео появляется:
    http://windowinukraine.blogspot.com/2010/02/blog-post_23.html

    ОтветитьУдалить
  4. Надо, Мирослав! Именно эту ситуацию мы и исправляем в этой статье.

    Подумаешь, строчку добавить - ничего сложного!

    Давайте, решайтесь! А я за вас кулачки подеру ;)

    Света

    ОтветитьУдалить
  5. Не знаю, Мирослав, что там "Белиберда" намудрил в этом шаблоне - возьмите его лучше от разработчика http://www.ipietoon.com/2009/04/blogger-template-flower-garden-3-column.html у них все работает.

    А если картинку "Читать далее" захотите поменять, то в шаблоне замените строчку: http://4.bp.blogspot.com/_6pbSFKC8YH4/SdjT_p_r7aI/AAAAAAAAAe4/pLIlbgUJAEI/s1600/readmore.png

    на http://img188.imageshack.us/img188/919/readmorecopy.png

    И совет НИКОГДА не берите шаблонов из русских коллекций, где они обещают руссификацию шаблонов, найденных ими в интернете. Брать можно только от разработчиков, да и те частенько халтурят. Еще не встречала ни одного шаблона, который не требовал бы серьезной переделки... :(

    Это вот еще ответ на ваш вопрос где брать шаблоны. Кайл часто обращается к http://btemplates.com/ но это больше идеи дизайна, потому что все-равно приходится многое переделывать.

    Удачи во всем!
    Света

    ОтветитьУдалить
  6. Света, подскажите пожалуйста, а если я просто хочу заменить слова на иностранном в своем блоге на русские (Главная страница, Предыдущие и Следующие) что надо сделать?
    И еще подскажите как вставить в блоге вместо слов типа "Обо мне", "Ссылки" и т.д. специальные кртинки

    ОтветитьУдалить
  7. Переискал кучу шаблонов для "Окно в Украину", и о становился на шаблоне Блоггера.
    Кстати, интересно что вы скажите про ВордПрес, ЖЖ и про другие блог-сервисы.
    И удобное ли меню в ВП?

    ОтветитьУдалить
  8. Спасибо, Светлана! Вы со своим советом очень вовремя. Я как раз на днях обнаружила эту пропажу. Только думала, что заклинило систему временно. Все вернула на свои места благодаря этой статье. Еще раз спасибо и удачи! =)

    ОтветитьУдалить
  9. Светлана! Супер статья, спасибо огромное! Я давно хотела у себя сделать эти кнопки стилизованными, но не знала как, а теперь буду сидеть и вчитываться, чтобы все-все понять и сделать на пятерочку! Еще раз огромное спасибо!

    ОтветитьУдалить
  10. У меня все получилось, отлично работает! Главное картинки помельче взять, а то страничка долго грузиться!
    Светлана, подскажите а где вы взяли таких чудесных мишек со словами next и back?

    ОтветитьУдалить
  11. Медведей для кнопок сами рисовали?=)

    я вот тут подумал что вам стоило бы собрать все свои сообщениа по доработке шаблона в одну кучу или же все ссылки на статьи по доработке.и потом где нить сбоку на блоге выложить ввиде ссылок пособий.или всё в одом посте ссылки поставить а сбоку ссылку кинуть на пост с этими ссылками.

    ОтветитьУдалить
  12. Пост конечно хороший.Автору респект.Но на моём шаблоне не работает,чего-то ему не нравится.Ошибки выдаёт.

    ОтветитьУдалить
  13. А вот еще только что столкнулся с видео.
    На главной странице видео возле сообщение не видно
    http://windowinukraine.blogspot.com/
    А тут видео появляется:
    http://windowinukraine.blogspot.com/2010/02/blog-post_23.html
    А в Опере видео видно.
    И еще не приятноя вещь, в Опере функция "действие" не работает.

    ОтветитьУдалить
  14. http://img72.imageshack.us/img72/5693/5667d.jpg
    Это только у меня или у всех? Хочу во всех своих блогах изменить или добавить пост а страница так все загружается и загружается!

    ОтветитьУдалить
  15. Мирослав, у меня тоже самое и как у Вас на картинке. :( Поэтому прибежала сюда в поисках ответа :)

    ОтветитьУдалить
  16. Старый редактор работает. Может они новый редактор обновляют и добавят в него новые функции.

    ОтветитьУдалить
  17. Мирослав, Диана - я обычно пользуюсь "Старым редактором", там все нормально, но и в новом редакторе все выглядело нормально пару минут назад -- наверное рабтоают над ним (вы правы Мирослав).

    Думаю, что через пол часика и у вас все наладится.
    Света

    ОтветитьУдалить
  18. Ответ: возвратится на время в старый редактор, который мне не нравится и похож на редактор ЖЖ

    ОтветитьУдалить
  19. В старом редакторе есть выбор шрифта, но я вот только не пойму, чего в новом нельзя добавлять видео как в старом?

    ОтветитьУдалить
  20. Диана, в вашем блоге не могу добавить комментарий, там появляется картинка для того чтобы код ввести, но поля для кода нет

    ОтветитьУдалить
  21. Света, а как вы с Кайлом в Windows to Russia сделали окошко (как бегущая строка) где показываются некоторые посты.

    ОтветитьУдалить
  22. Всем кому помогла - большое пожалуйста! Я действительно очень очень рада!!!

    Для этого и написала этот пост.

    Мирославу: Про видео от YouTube и кат от Blogger'а пост в процессе написания - завтра наверное осилю ;)

    Про скрипт прокручивающий summary последних постов - он еще очень сильно сырой: если доведу до ума, опубликую здесь.

    В новом редакторе Видео добавлять нельзя - у меня по вопросу о редакторах, вообще, позиция простая: лиюо надо пользоваться старым редактором либо переходить на http://draft.blogger.com/home - там они недавно даже пообещали оптимизировать загрузку видео (сама, правда, не видела).

    Нее, Фотографии... рисовать вот совсем не умею - как раз очень ищу людей кто может мишек рисовать (очень очень надо), а эти медведи из нашей очень старой коллекции хранящейся на фотобакете, мы когда Кайл только завел свой блог там каждую неделю разных медведей на боковой панели размещали, а теперь он слишком серьезный стал и медведь только у меня в видеоблоге остался может быть и эти картинки тудаже пристрою (здесь они больше для демонстрации). О предложении подумаю, я обычно все что связано с доработкой шаблона ярлыком Шаблон и помечаю (см. Облако тегов). А вообще, верно, конечно, надо все как-то получше систематизировать (вот навидео блоге у меня порядок - или почти ;)).

    SnowQueen, про мишек рассказала этими можете даже пользоваться - т.к. выложила их на Blogger, а значит bandwidth неограниченный.

    Екатерина (bestia_cat), пришлите мне ваш шаблон, я скажу где поправить надо, а то у вас в навигации - кажется испанские слова проскакивают ;).

    Удачи во всем и спасибо за комментарии!
    Света

    ОтветитьУдалить
  23. http://draft.blogger.com/home
    А чей это проект? Чего его Блоггер главным не сделает?

    ОтветитьУдалить
  24. Так вот как вы подписи добавляете!)

    ОтветитьУдалить
  25. Наладился редактор! Kyle and Svet Keeton, спасибо за совет про старый редактор, пригодится на случай таких сбоев нового редактора.
    Мирослав, я не знаю что у меня с комментариями, очень жаль, что не получилось. :(( Буду разбираться. И ещё у меня не получается стать постоянным читателем Вашего блога, при вводе URL выскакивает следующее сообщение: «Вы перешли по этому URL, но канала найдено не было. Проверьте правильность URL:
    http://simplebloger.blogspot.com/».

    Светлана, я в порыве паники не поблагодарила Вас сразу за новую полезную информацию. Спасибо!!! Рано или поздно приходит желание украсить свой блог, так что беру на вооружение. :)

    ОтветитьУдалить
  26. «Вы перешли по этому URL, но канала найдено не было. Проверьте правильность URL"
    Света, а есть к этому объяснение?
    Мирослав.

    ОтветитьУдалить
  27. Здорово! Очень красиво :) У Вас, я смотрю, особая любовь к косолапым :)

    ОтветитьУдалить
  28. Спасибо, Света, очень полезная информация!
    У меня вопрос по поводу комментариев в блоге. Я поменяла шаблон на блоге и теперь никак не могу отправить комментарий и другие тоже не могут отправить комментарий. Помогите, пожалуйста, как мне это исправить? Вот ссылка на блог: http://luch0110.blogspot.com/
    Заранее благодарю!

    ОтветитьУдалить
  29. Светлана, здравствуйте!
    Я начинающий, очень начинающий блогер. У меня проблема с "постоянными читателями". На главной странице они куда-то пропали, а если открыть комментарии, они на месте. Посоветуйте, что делать, пожалуйста. Мой блог http://tatyanaklimovna.blogspot.com/

    ОтветитьУдалить
  30. Спасибо, Скеггльёльд!

    С косолапыми это отдельная любовь - Кайл вот себя big bear называет ;).

    Удачи и не пропадай,
    Света

    ОтветитьУдалить
  31. Мирослав, это проблема...

    Я вот тоже свой новый блог никуда по имени (url) добавить не могу приходится писать адрес RSS-канала. Вид ссылки такой: http://yourblogname.blogspot.com/feeds/posts/default?alt=rss

    А писала я об этом вот здесь: http://blogger4you.blogspot.com/2009/11/blogger-settings-for-site-feed.html

    Удачи во всем!
    Света

    ОтветитьУдалить
  32. Татьяна Климовна, здравствуйте!

    Рада что все с постоянными читателями наладилось - так бывает, время от времени что-то обязательно не работает и не по нашей с вами вине, а само по себе. Что касается Постоянных читателей, то плохая новость, что Opera совсем их не показывает никогда, хорошая новость что только очень маленький процент читателей использует Оперу.

    Удачи во всем!
    Света

    ОтветитьУдалить
  33. Марина, здравствуйте!

    Попробуйте изменить Настройки комментариев.

    Размещение формы для ввода комментариев. Поставьте: На всю страницу или Всплывающее окно.

    Подробнее можно прочитать здесь: http://blogger4you.blogspot.com/2009/05/blogger.html

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

    Удачи!
    Света

    ОтветитьУдалить
  34. Мирослав, http://draft.blogger.com/home это "черновик" Blogger'а где они обкатывают свои новейшие идеи, может работать нестабильно и не совсем правильно, а http://www.blogger.com/home считается устоявшейся версией и то иногда не работает ;).

    Света

    ОтветитьУдалить
  35. Большое спасибо! мне помогла точка перед b:include name='nextprev'

    ОтветитьУдалить
  36. Лучше чем стандартная навигация... Единственное у меня картинки в рамке оказались :)
    Светлана спасибо!

    ОтветитьУдалить
  37. Упс!
    Светлана а можно кнопки местами поменять?!
    Что бы кнопка назад была слева и кнопка вперёд справа?! У меня стрелки внутр смотрят!:)

    ОтветитьУдалить
  38. Спасибо за то, что на правильный путь поставили. Хотя я изменил немного по другому, подталкнули в нужном направлении именно Вы :)

    ОтветитьУдалить
  39. Этот комментарий был удален автором.

    ОтветитьУдалить
  40. Спасибо, воспользовался пунктом "Картинки вместо ссылок навигации" на одном из своих блогов

    ОтветитьУдалить
  41. У меня никак не получается....((((

    ОтветитьУдалить
  42. у меня такая проблемка возникла: навигация пропала только на главной странице, на остальных есть. в чем причина может быть?
    п.с. Проблема на блоге, который в имени.

    ОтветитьУдалить
  43. Здравствуйте, Светлана!
    Искал на Вашем блоге информацию о страничной навигации. Типа "предыдущая-1-2-3-,,,-следующая".
    Такое вообще возможно?
    Заранее благодарен за ответ!
    Сергей

    ОтветитьУдалить
  44. Светлана, а вот меня устраивают эти кнопки как они есть "по умолчанию". Но почему то, "предыдущий" в моем блоге справа, а "следующий" слева. Как их поменять местами? Я попыталась тупо проискать по тексту эти слова, но ведь не только названия кнопок нужно поменять, а и адреса ссылок, на которые они ведут...Помогите, пожалуйста

    ОтветитьУдалить
  45. А я всё просмотрела два раза - это просто нереально найти и последующие.... Ну хоть в какой части примерно это находится? У меня аж рябь в глазах побежала от такого количества букв..... Прокрутила несколько раз, вглядывалась, ну ни в какую не найти......

    ОтветитьУдалить
  46. Pavlin, для поиска исользуйте сочетание клавиш CtrlF.

    Удачи во всем!
    Света

    ОтветитьУдалить

Популярные сообщения