вторник, 12 февраля 2013 г.

Как вставить свою кнопку "Далее"

Чтобы на главной странице блога публиковалось не все сообщение целиком, а только его начало, нужно пользоваться так называемым катом.
При редактировании сообщения нажимаем такой значок (фото кликабельно):



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

Вместо нее можно поставить кнопку со своим текстом
Для этого надо найти или нарисовать самим картинку нужного размера и вида для кнопки и загрузить ее куда-нибудь в интернет (я для этого пользуюсь вебальбомом Пикасса). Нам понадобится ее адрес.


Потом переходим в редактор своего блога.
Обязательно сохраняем шаблон перед внесением любых изменений! 
Выбираем "Шаблон"-"Изменить HTML". Ставим галочку "Расширить шаблон виждета"
Поиском находим строку :  b:if cond='data:post.hasJumpLink'

С нее начинается такой блок: 
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

Заменяем его на новый блок:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img border='0' src='адрес_изображени_кнопки'/></a>
</div>
</b:if>

И вставляете свой адрес. После этого нажимаем "Сохранить шаблон".
Если просто нажать "Просмотр", то выскакивает ошибка 400. Можно на это внимание не обращать - в блоге все будет правильно. Но плохо, что код шаблона у нас становится "грязным" :(
Все - любуемся своей кнопочкой.

Как еще можно улучшить дизайн своего блога я писала здесь:

Как сделать собственную страницу сообщения об ошибке 404
Как упорядочить список ярлыков
Как сделать меню в блоге
Как сделать свой фавикон (значок блога)

А что еще можно добавить в свой блог тут:
Как вставить социальный плагин от Фейсбука
Как вставить виджет от ВКонтакте
Как вставить свои кнопки социальных сетей
Как вставить презентацию в блог
Как вставить после поста ссылки на похожие посты с помощью LinkWithin
Как сделать галерею ссылок с помощью InLinkz
Как вставить счетчик посещений с флагами Flagcounter
Как вставить баннер в блог
Как вставить в блог рассылку по электронной почте
Какие кнопки счетчиков поставить в блог
Как вставить поиск по блогу

22 комментария:

  1. Здраствуйте, Таня!Очень много полезного нашла в вашем блоге! Спасибо! Но у меня есть одна проблема, писала у себя в блоге http://lidashobby.blogspot.com/2013/02/blog-post_7.html буду очень благодарна за помощь)))

    ОтветитьУдалить
    Ответы
    1. Лида, к сожалению ничем вам помочь не могу. Я с учетными записями Google Apps никогда дела не имела :(

      Удалить
  2. Не могу найти эту строку!

    ОтветитьУдалить
    Ответы
    1. Пост я писала когда был еще старый редактор шаблона. Теперь надо искать в новом. Там кнопки "Расширить шаблон виджета" нет. Просто в окошке редактирования шаблона ищите эту строку по CTRL-F (обязательно перед этим переключитесь в само окошко - щелкните в него мышью). У меня в пробном блоге только что все нормально нашлось.

      Удалить
    2. Здравствуйте! Всё равно не получается найти эту строку. Всё делаю правильно. Переключаюсь в окошко. Может быть строка : b:if cond='data:post.hasJumpLink' в разных шаблонах - разная. У меня например стоит шаблон "венецианская окно".

      Удалить
  3. Здравствуйте, Татьяна! Ваш сайт очень полезен и интересен, в нем есть чему научиться.
    Если уж Вы чайник, то кто тогда я.)
    Что то не получается у меня воспользоваться катом. Вроде все делаю правильно. При редактировании в черновике появляется разделительная полоса, сохраняю, не сохраняется. Уже несколько дней бьюсь, попробовал в разных браузерах, итог один, ничего.
    Буду Вам очень признателен, если подскажете. Что делаю не так? Все же просто, а не получается.

    С уважением, Олег.

    ОтветитьУдалить
    Ответы
    1. Да, это очень странно. Никаких затруднений с катом быть не должно. Единственное, что могу предположить, что так происходит из-за того, что вы используете нестандартный шаблон Блоггера. Возможно, дело в нем. Попробуйте сохраниться, поставить какой-нибудь другой шаблон и проверить на нем.

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

      Удалить
  4. Действительно не стандартный. После Вашего совета заменил на стандартный, всеравно нет. Может есть еще решение?

    ОтветитьУдалить
    Ответы
    1. К сожалению, понятия не имею, что с этим делать:(

      Удалить
  5. Очень полезный блог, спасибо за информацию

    ОтветитьУдалить
  6. Татьяна, спасибо огромное)) все получилось) чтобы я бнз Вас делала...))

    ОтветитьУдалить
  7. Спасибо, мучилась весь день, не видны были страницы, я по рекомендации "умных" блогов даже коды встраивала.... весь день одно безобразие получалось, а оказывается "ларчик просто открывался" - ОГРОМНОЕ СПАСИБО))). есть один вопрос - как встроить блог на сайт google? еще раз спасибо

    ОтветитьУдалить
    Ответы
    1. Рада, что статья была полезной :) А насчет сайты гугл - ничего не могу сказать, я как работала в Блоггере так и работаю, а с ними никогда не сталкивалась.

      Удалить
  8. Огромное приагромное спасибо! Побольше бы таких статей и подсказок!

    ОтветитьУдалить
  9. Танечка, большое спасибо за букварь для чайников. Я только учусь и даже не уверена, что буду активно пользоваться блогом. но ваши подсказки меня уже научили многому

    ОтветитьУдалить
  10. Здравствуйте! Татьяна, подскажите, пожалуйста: а что делать, если кат вообще не работает?.. Нажимаю на кнопку "разделить страничку", а в основной версии только пробел появляется.. И видна вся статья целиком)

    ОтветитьУдалить
    Ответы
    1. Насколько я знаю, вы с этой проблемой уже справились ;)

      Удалить

Чтобы оставить комментарий, напишите текст в окошке и выберите в "Подписи комментария" профиль из любого вашего аккаунта. Если вы нигде не зарегистрированы, выбирайте Имя/URL и просто вводите свое имя - оно отобразится в подписи.

Related Posts Plugin for WordPress, Blogger...