К основному контенту

Поле прокрутки в статьях блога


Зачастую многие из нас в статьях предоставляют разного типа материалы, например договора, лицензионные соглашения, выдержки из различных источников, дабы красиво отделить такого рода элементы статьи мы можем использовать поле прокрутки.
Установить его будет довольно-таки просто:
1. Для начала нам необходимо прописать гаджет прокрутки в теле шаблона. Чтобы это сделать заходим в настройки блога, Изменить HTML, при помощи комбинации клавиш ctrl+f находим следующую строчку:



/* Sidebar Content */
либо
SIDEBAR & WIDGET
в разных шаблонах по разному, суть в том чтобы найти в теле шаблона место где начинается описание sidebar, и сразу же после этой строки вставляем скрипт:
.scrollingpostbar {
height:350px;
width:450px;
border:0;
overflow:auto;
}
В этом скрипте вы можете изменить размер поля прокрутки, height – высота , width – ширина , border – поля окна прокрутки.
2. Сделав все необходимое можете приступать к написанию, либо редактированию статьи блога. После написания текста который необходимо вставить в окно прокрутки, вставляем его в специальные тэги, для этого необходимо будет зайти в Изменить Html статьи.  Вставляются теги так:
<div class="scrollingpostbar">ТЕКСТ КОТОРЫЙ НЕОБХОДИМО ВСТАВИТЬ В ОКНО ПРОКРУТКИ</div>
Вот такая не сложная процедура.
Данный скрипт можно использовать и в шаблоне, например как гаджет, в сайдбаре, для этого необходимо вставить текст с открывающим и закрывающим тэгом в гаджет Html/java script.

Комментарии

Популярные сообщения из этого блога

Добавляем красивый гаджет Поделиться

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

Как сделать ссылку на определенную часть той же страницы.

Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег : <a id=" yakor "></a> Начало текста или заголовка В качестве слова якорь выделенного красным вы можете использовать любое другое, подходящее по смыслу. 2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида: <a href="# yakor ">Слово</a> Покажу как это долж...

Многоуровневое выпадающее меню для блогспот

Как я уже много кратно писал выпадающее меню да и просто меню позволяют организовать структуру Вашего блога либо сайта. Сегодня на блогспоте доступна функция ссылок, однако подразделов в них не вставишь.