Прокрутка текста – уменьшение видимого объёма текста на блоге

Прокрутка текста

Прокрутка текста (скролинг) – это уменьшение видимого на блоге объёма длинного текста. Применяется прокрутка текста для вставки HTML-кодов или длинных цитат великих людей, Векипедии и т.д.

Длинный текст в статью можно вставить в виде текста с прокруткой.

Для того, чтобы вставить длинный текст в статью с прокруткой, нужно перейти в HTML-редактор текста и ставить в нужном месте HTML-код:

<div id="target" style="height: 200px; overflow: scroll;">

ТЕКСТ С ПРОКРУТКОЙ

</div>

Пояснения к коду:

height: 200px  - высота блока текста с прокруткой 200 px (можно поменять), Auto - ширина блока устанавливается автоматически (по ширине вашей статьи).

Приведу пример, как вставить в статью следующий текст с прокруткой:

Как создать блог в Blogger.com? Для начинающих блоггеров открыт набор на тренинг по созданию, оформлению и SEO-оптимизации блогов, созданных в Blogger.com. Начало тренинга 01.12.2014 года.

 Что вы узнаете на тренинге:

1. Преимущества создания блога на бесплатной платформе
 Blogger.com
2. Как создать правильный блог?

3. Как создать качественный контент на блоге?

4. Как оптимизировать блог?  Seo-оптимизация блога

5. Как зарегистрировать блог в поисковых системах?

6. Как подтвердить авторство на блог?

7. Роль ключевых слов в продвижении блога?

8. Роль картинок в продвижении блога.

9. Работа со статистикой блога и установка счетчика.

10. Продвижение блога и 3 составляющие продвижения.

11. Способы привлечения внимания читателей блога.

12. Роль социальных сетей в продвижении блога.

13. Обзор полезных сервисов и сайтов.

Все знания и опыт, которые у меня есть, отдаю сполна всем желающим. Обращайтесь:
Skype – ti_osharina
E-mail – tiosharina@gmail.com


Оставить заявку на тренинг 

Видимым я оставляю текст:

Как создать блог в Blogger.com? Для начинающих блоггеров открыт набор на тренинг по созданию, оформлению и SEO-оптимизации блогов, созданных в Blogger.com. Начало тренинга 01.12.2014 года.

А пояснения ставлю в прокрутку текста:

Что вы узнаете на тренинге:

1. Преимущества создания блога на бесплатной платформе

 Blogger.com.

2. Как создать правильный блог?

3. Как создать качественный контент на блоге?

4. Как оптимизировать блог?  Seo-оптимизация блога

5. Как зарегистрировать блог в поисковых системах?

6. Как подтвердить авторство на блог?

7. Роль ключевых слов в продвижении блога?

8. Роль картинок в продвижении блога.

9. Работа со статистикой блога и установка счетчика.

10. Продвижение блога и 3 составляющие продвижения.

11. Способы привлечения внимания читателей блога.

12. Роль социальных сетей в продвижении блога.

13. Обзор полезных сервисов и сайтов.

Все знания и опыт, которые у меня есть, отдаю сполна всем желающим. 

Обращайтесь:

Skype – ti_osharina

Оставить заявку на тренинг!

Как только вы вставите в HTML-редакторе текста HTML-код,  переключитесь  в визуальный редактор текста и вместо слов ТЕКСТ С ПРОКРУТКОЙ вставьте необходимый текст и отредактируйте шрифт, цвет текста и т.д.

Если вы хотите выделить прокрутку текста, как цитату, в верхних настройках редактора текста нажмите кнопку «Цитата». И прокрутка текста будет выглядеть, как цитата:

 Что вы узнаете на тренинге:

1. Преимущества создания блога на бесплатной платформе Blogger.com.

2. Как создать правильный блог? 

3. Как создать качественный контент на блоге? 

4. Как оптимизировать блог?  Seo-оптимизация блога.

5. Как зарегистрировать блог в поисковых системах?

6. Как подтвердить авторство на блог?

7. Роль ключевых слов в продвижении блога?

8. Роль картинок в продвижении блога.

9. Работа со статистикой блога и установка счетчика.

10. Продвижение блога и 3 составляющие продвижения.

11. Способы привлечения внимания читателей блога.

12. Роль социальных сетей в продвижении блога.

13. Обзор полезных сервисов и сайтов.

Все знания и опыт, которые у меня есть, отдаю сполна всем желающим.

                     Обращайтесь:

Skype – ti_osharina

Прокрутка текста нужна для вставки длинных цитат и высказываний.

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