воскресенье, 15 апреля 2018 г.

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

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

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



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

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


Потом переходим в редактор своего блога.
Обязательно сохраняем шаблон перед внесением любых изменений! 
Выбираем "Шаблон"-"Изменить 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
Как вставить баннер в блог
Как вставить в блог рассылку по электронной почте
Какие кнопки счетчиков поставить в блог
Как вставить поиск по блогу

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

  1. Мне больше нравится прокрутка.Инн,ты удаляй мои комменты,а то "на доске почета"только я качаюсь,неудобно

    ОтветитьУдалить
    Ответы
    1. Я удалила,но что-то в последних комментариях не удаляется.

      Удалить
    2. Инна, а у тебя для прокрутки есть код или как ты вставляешь?

      Удалить
    3. Иннушка ,я тоже хотела у тебя спросить про прокрутку ?Поделись ...

      Удалить
  2. Девочки,пишите мне на Лиру или innushka.laz@gmail.com,
    случайно увидела ваши вопросы....На ЛиРу у меня есть код рамки с прокруткой.
    Сначала делаю пост на ЛиРу,вставляю в рамку и в HTML переношу в блог.Аккуратненько получается.Можно рамку подогнать под размер своего блога.Давайте завтра.

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