Виджет HTML/JavaScript в Blogger


1Давно не писал на тему внешнего вида блога, поэтому расскажу о некоторых стандартных виджетах платформы Blogger, и как с их помощью можно украсить и сделать более удобным ваш блог. Набор стандартных виджетов не так мал, с их помощью можно реализовать почти все задумки.


В этой статье я главным образом буду говорить о возможностях, связанных с виджетом «HTML/JavaScript«, так как благодаря ему можно воплотить почти всё. Устанавливается он так же просто, как и другие, на вкладке «Дизайн» панели управления. Остаётся только заполнить нужные поля:

1 (1)
поле название заполнять не обязательно. В поле «Содержание» можно вставить любой скрипт или html код. Многие наверняка видели красивые кнопки подписки на RSS ленту или публикации в социальных сетях, многие из этих возможностей можно реализовать с помощью данного виджета.

Ещё одна полезная возможность — список рубрик с картинками. Это скорее моя фантазия, чем специальная возможность. Необходимо загрузить картинку для рубрики на хостинг картинок (я порекомендую Радикал, так как там есть возможность получить html код этой картинки), на Радикале мы получим такой список возможных ссылок и кодов:
1 (2)

а именно «HTML: картинка в тексте«. Копируем его и вставляем в поле «содержание» виджета, а ниже пишем название рубрики. Теперь внимание: из кода картинки такого вида:

 <a target=»_blank» href=»http://www.radikal.ru«><img src=»http://s008.radikal.ru/i304/1102/90/c810124b6f3c.jpg» ></a>

удаляем помеченную красным цветом ссылку и на её место вставляем ссылку, скопированную из адресной строки страницы данной рубрики (или просто нажимаем правой клавишей на рубрику и выбираем «Копировать адрес ссылки«). Теперь при нажатии на картинку посетитель попадёт на страницу рубрики.

Теперь текст. Под картинкой должно быть название рубрики. В ссылке такого вида:

<a href=»http://www.seo-setewik.ru/«>название</a>

заменяем  «http://www.seo-setewik.ru/» ссылкой на вашу рубрику (мы её уже получали) а «название» названием своей рубрики. Теперь сохраняем виджет, и получаем название рубрики и картинку к ней. Таким образом можно оформить и другие рубрики.

Собственно, показал я это только для того, чтобы на примере объяснить, каким простором для реализации идей мы обладаем. Фантазировать можно очень много. Конечно, существует много специальных кодов и скриптов для реализации возможностей на Blogger, но если подходящего найти не удалось, знайте, что выход есть всегда!

Похожие темы:

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