Сделать текст активной ссылкой в гаджете blogger Создать почту интернета Microsoft Outlook.com



Здравствуйте друзья. Сегодня мы поработаем в макете блога с гаджетом HTML/JavaScript. Давно собиралась написать этот пост, но как всегда у нас, все откладываем на потом. Хочу Вам рассказать и показать на скриншотах, как в поле гаджета обычный текст сделать активной ссылкой на любую информацию. Получим вот такой гаджет со ссылками в сайдбаре блога:

Активные ссылки в гаджете blogger

Живой пример сходите посмотреть в тестовый блог. В макете блога нажимаем добавить гаджет HTML/JavaScript. В поле виджета пишем текст названия ссылки

Пишем в гаджете произвольный текст и нажимаем ссылка

Выделяем текст мышью и вверху нажимаем на зеленый значок CreateLink. Откроется всплывающее окно:

Связываем текст с url адресом нужной ссылки

Обратите внимание, что там уже будет запись http://, удаляйте и вставьте свой URL адрес, нажмите ОК. В поле гаджета появится вот такой адрес:

<a href="http://здесь 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 выдает ошибку. Надо найти время и настроить. Возможностей оформления писем в этой программе "море", можно вставить изображения, оформить фон, выбрать любой шрифт и.т.д.

На сегодня у меня вся информация. Поделитесь со своими друзьями в социальных сетях, вдруг им пригодится. Все вопросы в комментариях. Всего доброго.

Почитайте другие записи блога:

TEXT.RU - 100.00%




Автор статьи ✎ Olga Protasova Выпуск ✹ 11/11/2015 Ярлыки ►


Открыть комментарии →

0 коммент. :

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

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *