07 августа 2015

Уголок блоггера. Кнопка "Читать далее"

Всем привет!

Дело близится к выходным, но еще есть время для серьезных вещей. Так что сегодня будет мой первый пост об усовершенствовании блога. Недавно я опрашивала вас на предмет, что вас по этой теме интересует. Один из первых вопросов был о том, как заменить ссылку "Читать далее" яркой кнопкой. Спрашивали? Отвечаю)

Для начала вам нужно создать саму кнопку. Кнопку можно нарисовать практически в любом графическом редакторе. Если вы этого делать не умеете, в интернете полно сайтов, где можно создать кнопку онлайн.

Создать кнопку Читать далее

Теперь созданную кнопку нужно разместить в интернете, например, в Picasa или, как я, в Photobacket.

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

Создать кнопку Читать далее


Теперь можно начинать. Меню "Шаблон" - "Изменить HTML"

Создать кнопку Читать далее

В шаблоне найдите вот эту строчку:

<data:post.jumpText/>

Поиск по тексту сочетание клавиш Ctrl+F

Создать кнопку Читать далее

Найденную строчку нужно заменить следующей:

<img alt='Читать далее' src='http://i745.photobucket.com/albums/xx94/sonatinca/Blogger/rmore.png' />

Где Читать далее - это текст, который появится, если по каким-то причинам картинка кнопки не будет отображаться, а http://i745.photobucket.com/albums/xx94/sonatinca/Blogger/rmore.png - адрес самой картинки. В данном случае - моей.

Сохраните шаблон (кнопка "Сохранить шаблон"). Все :) Как работает кнопка, можете посмотреть в моем предыдущем посте)

Для тех, кто не знает, как спрятать часть своего поста под ссылку "Читать далее". В режиме создания поста поставьте курсор на то место, где будет располагаться надпись или кнопка "Читать далее" и нажмите на кнопку "Вставить ссылку "Далее".

Создать кнопку Читать далее

Если у вас есть вопросы по этому мастер-классу или вопросы по блогам, жду в комментариях.

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

  1. Алена, увидела ваш пост и решила попробовать.Возникли вопросы. 1) Кнопку можно сохранить именно только в Picasa или в Photobacкet? А в яндекс фото нельзя?
    2) Стала поиском искать фразу пишет 0. Т.е. такой фразы нет. Видимо я что то не так делаю :( Подскажите пожалуйста

    ОтветитьУдалить
    Ответы
    1. 1. Я привела эти сервисы как пример. Можете разместить фотографию где угодно) можно на яндексе, главное, чтобы к фотографии был открыт полный доступ.
      2. Ткните мышкой в код шаблона и попробуйте поиск снова

      Удалить
    2. не помогает, все равно ничего не ищет

      Удалить
    3. возможно Вы раньше что-то меняли?
      больше в голову никакие варианты не приходят(
      У меня три разных блога, во всех трех нашлось.
      Можете попробовать прислать мне архив блога, я в понедельник посомтрю

      Удалить
  2. ок, сейчас отправлю. А что то я точно меняла, но не помню что

    ОтветитьУдалить
  3. Алена, спасибо огромнейшее!!! Я ее сделала :)

    ОтветитьУдалить
    Ответы
    1. Ага, вижу) Молодец! Я очень рада)

      Удалить
  4. Алена, я тоже не могу найти в шаблоне эту фразу...

    ОтветитьУдалить
    Ответы
    1. Мне Алена подсказала, что надо посмотреть в районе строчки 1446 (у меня вроде чуть выше оказалось).

      Удалить
    2. Уже раз 5 вверх-вниз пробежала... увы...

      Удалить
    3. Маргарита, если сильно блог не меняли, она должна быть
      можете прислать архив блога, я посмотрю, когда время будет

      Удалить
    4. Алена, что-то немного добавляла, но уже не помню что. Это было год назад, когда блог создавала. Пришлю, посмотри)))

      Удалить
    5. Алена, еще раз благодарю за помощь!!! Прошу помочь в изменении кнопки "наверх": сделать буквы крупнее или поменять на знак.

      Удалить
  5. Доброй ночи! У меня стоит нестандартный шаблон и "читать далее" нет вообще... может знаете как это исправить? Не могу найти инфу в интернете.. Строчки в коде нет(

    ОтветитьУдалить
    Ответы
    1. Яна, думаю, Вам лучше спросить того, кто Вам блог настраивал. Когда не знаешь, что меняли, невозможно что-то посоветовать(

      Удалить

Thank you for leaving comments :)