Как вставить кнопку"вверх", кнопки соц сетей



Кнопка вверх, кнопки соц сетей для блога


И снова здравствуйте! Сегодня мы будем общаться на тему кнопок в блоге. Расскажу Вам, чему я научилась.

Что бы посетителям было комфортно читать информацию на страничках Вашего блога, ставят кнопку "наверх" "вверх", кому как нравится. Конечно, очень удобно, находясь внизу страницы, одним нажатием на кнопку, переместится в начало. Я освоила пока только кнопку "наверх" и вставила её обычным гаджетом: дизайн-добавить гаджет-HTML/JavaScript-вставить-сохранить. Как вы догадались, код кнопки предварительно был скопирован. Как копировать я писала в своем посте.

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

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


Конечно, это не симпатичные стрелочки разного изображения, но зато удобно.
На других сайтах, где нет кнопок, я просматриваю информацию, пользуясь клавиатурой.
Клавиша Home - вверх страницы;
Клавиша End - вниз страницы;
Клавиша "Page Up и "Page Down"-прокрутка экрана вверх и вниз.

Есть еще один оригинальный способ прокрутки:  Например, вы находитесь внизу страницы, слегка щелкните по колесику мыши, обратите внимание - по колесику - на свободном месте, не по рисунку, не по ссылке, а именно на пустом месте, появится изображение в виде "ромбика". Если резко подвинуть мышь вперед, то сразу же окажетесь вверху страницы, также и прокручивайте вниз.

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

Что касается кнопок соц сетей, то можно пользоваться стандартными, если не устраивают, то воспользуйтесь социальными кнопками Pluso, перейдите по адресу, выберите и настройте по своему вкусу: фон, размер, расположение ваших кнопок, сейчас появились кнопки со счетчиками. Скопируйте код и вставляете в дизайне - добавить гаджет - HTML/JavaScript - вставить - сохранить.

Вставка кода в сообщение

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

<textarea cols="40" rows="2">Ваш скопированный код
</textarea>

Затем нажимаете - создать, и получилось то , что Вы видите, т.е. код я создала отдельно, а потом вставила его в сообщение в нужное место.

 Для тех кому интересно, код кнопки - Дальше:

<form action="Адрес ссылки"method="get"><input type=
"submit"value="Название кнопки""/>

Название кнопки придумайте сами. Почитайте анимированные кнопки соц сетей, и как вставить  кнопки соц сетей вниз сообщения.                             



Автор статьи ✎ Olga Protasova Выпуск ✹ 5/28/2013 Ярлыки ►


Открыть комментарии →

2 коммент. :

  1. Как всегда, Инесса, огромное спасибо за помощь. Кнопки соц. сетей отлично смотрятся на блоге, думаю, что будут востребованы.

    ОтветитьУдалить
    Ответы
    1. Пожалуйста Сергей, хорошо когда всё получается, и мне приятно.

      Удалить


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *