Фиалка Горная

30 июл. 2015 г.

Полезные кнопки для Блоггер или Ссылка на конец страницы или Ссылки внутри страницы

Столкнулась я с такой задачей:
Когда я меняла дизайн блога, я пришла к выводу что хочу максимально его сделать в минималистичном виде, что бы ничего не отвлекало от самого главного:)))) Поэтому было принято решение теги, полезные ссылки, контакты и прочее вынести за пределы основной страницы и оставить только кнопки-ссылки на них. От гаджетов "стать постоянным читателем" и "добавить в круг" я отказалась полностью, т.к. по какой то причине посчитала что они уже не актуальны... Но тут явилась мне Елена, и разбила мои думы:) За что ей отдельное спасибище:) Оказалось что эти кнопки актуальны:)
И мне ничего не оставалась, кроме как вернуть их на место. Но вернула их в конец страницы стараясь придерживаться выбранной концепции. Вернула, сижу смотрю... тестирую.. но блин, не удобно листать всю главную страницу вниз.

Пришлось выходить из этой неудобной ситуации, пошла гуглить:))) И таки нашла решение, как сделать картинку со ссылкой на конец страницы.
Поделюсь с Вами, может кому будет интересно.

Итак! Куда-нибудь вниз, что бы не мозолил глаза добавляем гаджет HTML/Java Script со следующим содержанием

<a name="bottom"></a>


Дальше, на боковую панель (как например в моем случае) так же добавляем гаджет HTML/Java Script, но уже следующего содержания:

<center><a href="#bottom"><img src="ссылка на картинку"/></a></center>

Обратите внимание, что слова выделенные желтым нужны для того, что бы отцентрировать Вашу картинку по центру столбца. Если Ваша картинка не должна быть по центру, или же она 
ровно того размера что и боковая панель то этот код модно удалить.

Ну все, сохраняем. Жмакаем на кнопку. И вуаля, Вы в конце страницы.

Собственно таким образом можно сделать ссылку на любое место на Вашей странице. Для этого просто первый код добавляете туда куда необходимо ссылаться, но меняете слова что бы не запутаться, например - razdel1. И во втором коде тоже меняете это слово после # решетки.
Наример:

<a name="razdel1"></a>

<center><a href="#razdel1"><img src="ссылка на картинку"/></a></center>

Таким же образом, можно делать заголовки внутри самих сообщений.

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

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

Спасибо большое, что оставляете свои комментарии. Для меня это важно:)