Google+ Кнопка читать далее : Бизнес-центр Татьяны Ошариной

 

▼ Создание блога на Blogger

Практический тренинг


 

      ▼ Создай страницу подписки!         

Практический

тренинг


 

▼ Школа-студия «Вдохновение»  

Регистрация


 

▼ Как создать сайт на WordPress?

Практический

тренинг


 

вторник, 25 апреля 2017 г.

Кнопка читать далее

Кнопка читать далее, если вы поставите такую кнопку на блог, является элементом украшения блога.

Без кнопки читатели нажимают на надпись под видимым абзацем статьи на главной странице блога - "Узнать больше", «Читать далее», «Читать дальше», «More» - у кого какая надпись установлена.


Кнопка читать далее


Этой надписью – ссылкой открывается вся статья целиком (блоггеры убирают основную часть статьи «под кат»), чтобы не перегружать главную страницу блога.

Можно после ссылки «Читать дальше» поставить заголовок статьи.

Об оптимизации заголовков, а точнее об установке заголовков статей после кнопки  «Читать дальше» я подробно рассказала в статье: Установка заголовков статей вместо кнопки «Читать дальше». 

В этой же статье вы узнаете, как убрать часть статьи под кат и настроить надпись «Читать далее».

Кнопка читать далее


Сегодня я хочу предложить вам поставить украшение на блог – привлекательную кнопку «Читать далее», к примеру, как на моём блоге или любую другую.

Кнопка читать далее

Вы можете даже создать свою кнопку в любом редакторе изображений, любого размера или подобрать кнопку в интернете, взять на неё ссылку и поставить ссылку на картинку кнопки в HTML-код, указанный ниже (ссылка выделена красным цветом).


Как установить на блог кнопку читать далее?



В административной панели блога нажимаем вкладку «Тема», далее нажимаем на кнопку «Изменить HTML».

В шаблоне блога на верхней панели нажмите вкладку «Изменить тему».



Откройте поисковое окно шаблона с помощью клавиш (Ctrl+F) и найдите в шаблоне элемент кода <data:post.jumpText/>

Как найти HTML-код шаблона блога? Читайте ЗДЕСЬ! 

Вместо этой строки вставьте HTML-код:

<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=" https://pp.userapi.com/c636625/v636625013/60fa7/agRWeC0q-iY.jpg " /></A>
</div>
</b:if>


Нажмите кнопку «Сохранить шаблон». 

Кнопка «Читать далее» появляется на блоге вместо текстовой строчки «Читать далее».

Подписывайтесь на обновления! Введите свой E-mail



Комментариев нет :

Отправить комментарий