пятница, 1 марта 2013 г.

Как сделать кнопку "наверх" в блоге.

Последнее время у многих встречаю эту кнопочку - очень удобно, когда находишься внизу страницы, а потом хочется вернуться вверх, чтоб не крутить скролом, нажал на кнопочку - и на месте))
У многих она уже есть, а кому интересно, расскажу, как я делала.
Что-то нашла в сети, что-то методом тыка - вставила, не работает, добавила скобки - работает - отлично.
Так вот: я нарисовала примитивную кнопочку в фотошопе (со временем, думаю, сделаю покрасивее). Можно найти в сети готовые красивые кнопки и скопировать url картинки оттуда (правой кнопкой на картинке - скопировать url картинки).
Чтобы получить url картинки, я создала сообщение в своем же блоге, загрузила туда эту картинку и поставила время сообщения - прошлый год, чтоб не мешало, а оттуда уже скопировала url.
Заходим в настройки дизайна блога и добавляем гаджет - HTML/JavaScript И переносим его под сообщения (хотя может это и не обязательно, не проверяла).


 В нем пишем такой код:

<a href="#" style="position: fixed; right: 35%; bottom: 0;  "> <img src="http://1.bp.blogspot.com/-ZFzR9nq4hZE/UTCWSunXFYI/AAAAAAAAB4I/4yiFlOiCp4Q/s1600/%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D0%B0+%D0%BD%D0%B0%D0%B2%D0%B5%D1%80%D1%85.jpg" /> </a>


Здесь href="#" - это ссылка наверх,
          style= ...  - задает позицию кнопки,
          img src=...- url картинки - кнопки.

Сохраняете код, сохраняете расположение и...
Всё!

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

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

LinkWithin

Related Posts Plugin for WordPress, Blogger...