Здравствуйте друзья. Сегодня мы поработаем в макете блога с гаджетом HTML/JavaScript. Давно собиралась написать этот пост, но как всегда у нас, все откладываем на потом. Хочу Вам рассказать и показать на скриншотах, как в поле гаджета обычный текст сделать активной ссылкой на любую информацию. Получим вот такой гаджет со ссылками в сайдбаре блога:
Живой пример сходите посмотреть в тестовый блог. В макете блога нажимаем добавить гаджет HTML/JavaScript. В поле виджета пишем текст названия ссылки
Выделяем текст мышью и вверху нажимаем на зеленый значок CreateLink. Откроется всплывающее окно:
Обратите внимание, что там уже будет запись http://, удаляйте и вставьте свой URL адрес, нажмите ОК. В поле гаджета появится вот такой адрес:
<a href="https://здесь url адрес/">▼ O.Protasova Примеры и Записи</a>
Если ссылок будет несколько, используйте между ними тэг <br>, а то ссылки будут в виде облака, а не списком. Оформите как у меня с каким-нибудь символом. Просто копируйте символ и вставляйте рядом с названием ссылки.
В меню гаджета еще есть значок "цитата", первый справа. Нужно выделить все, что в поле гаджета мышью, и нажать на значок. Тогда Ваши ссылки в сайдбаре будут оформлены настроенной в шаблоне блога цитатой. Правда, не все шаблоны поддерживают этот фокус, при тестировании прием сработал только в шаблоне Корпорация Чудеса.
И последнее, на первом скриншоте обратили внимание на ссылку "Свяжитесь со мной по электронной почте". Это для тех, у кого создана учетная запись и настроена почта Интернета Microsoft Outlook.com.
Так же пишите произвольный текст названия ссылки, выделяете мышью и нажимаете на CreateLink, удалите http://, в поле впишите адрес своей электронной почты:mailto:olga@rambler.ru, нажмите ОК. У Вас получится такая ссылка:
<a href="mailto:ваш e-mail адрес">Поддержка</a>
Можно использовать вместо текста изображение. В дизайне добавить гаджет "изображение"
Загружаете картинку, в поле "связать" вставляете адрес электронной почты mailto:olga@rambler.ru, сохраняете. Это для боковых панелей.
На страницах блога вставляем таким способом: в редакторе blogger внизу текста поста так же напишите к примеру "задайте вопрос по электронной почте", выделите мышью. Затем как обычно нажимаете ссылка:
Поставьте отметку связать с адрес эл. почты и впишите свой почтовый адрес аккаунта гугл. И конечно Google, как всегда, предупредит нас о безопасности. В сайдбаре можно указать адрес другой эл. почты, главное, чтобы этот адрес был связан с учетной записью Microsoft Outlook.com.
У меня нормально не настроена почта интернета. Вчера проверяла отправку письма, удалось только с Microsoft Office Outlook, с Express Outlook выдает ошибку. Надо найти время и настроить. Возможностей оформления писем в этой программе "море", можно вставить изображения, оформить фон, выбрать любой шрифт и.т.д.
На сегодня у меня вся информация. Поделитесь со своими друзьями в социальных сетях, вдруг им пригодится. Все вопросы в комментариях. Всего доброго.
Почитайте другие записи блога:
- Гаджет вкладка со страничками социальных сетей;
- Плавающая кнопка контактной формы для связи с автором блога;
- Плавающая панель с бегущими ссылками на важные сообшения блога;
- Оформление гаджета Google Популярные сообщения с использованием CSS;
Рекомендуемый контент: