Самые внимательные посетители моего блога уже, наверное, заметили небольшое обновление в дизайне. А именно кнопку "наверх" в правом нижнем углу экрана. Лично мне иногда не удобно перелистывать все прочитанные посты в блоге, что бы добраться, например, до ссылок на соц. сети. Возможно, я не одна такая. И именно поэтому я сегодня делаю данный урок, чтобы все желающие могли тоже поставить такую кнопку в блог.
Итак, приступим.
Все действия мы будем производить во вкладке "Дизайн".
Нажимаем ссылку "Добавить гаджет" и в появившемся окошке находим гаджет "HTML / Javascript".
В поле ввода копируем ниже представленный код.
<a title="Back to TOP" style="position: fixed; left: 15px; bottom: 15px; outline: medium none; border: 0px none;" href="#"><img border="0" alt="Наверх" src="http://i.imgur.com/Ffb7p.png" /></a>
Что бы изменить положение кнопки в блоге достаточно заменить position - left (слева) или right (справа). Я выделила это синим цветом.
Чтобы изменить картинку, замените ссылку, выделенную красным цветом, на ссылку изображения, которые вы хотите разместить в блоге в качестве кнопки.
Нажимаем сохранить и размещаем наш новый гаджет в самый низ, под все остальные.
Вот и все! Заходим блог, обновляем страничку (если ничего не изменилось) и наслаждаемся результатом!
А вот небольшая подборка кнопок для тех, кто не умеет пользоваться фотошопом или же кому лень делать кнопку самостоятельно. :D
Удачи!
Аня ♥
Комментариев нет:
Отправить комментарий