В большей степени этот урок пригодится новичкам .
Думаю , Вы видели подобные кликабельные подписи , только не все умеют их делать .
Сделать такую подпись очень легко и сейчас , я постараюсь доступно и подробно всё объяснить.
Начнём с того , что откроем три необходимые нам вкладки ( см. скриншот №2 ) , предварительно скопировав адрес Вашего блога ( см. скриншот №1 ) , добавьте скопированный адрес в окно текстового поля новой записи Вашего блога , в дальнейшем он нам понадобится ( формат HTML ) .
№1
№2
Переходим на сайт " X-Lines.ru "
( для перехода нажмите на название сайта ).
Что и как делать на сайте , подробно показано в скриншотах :
После нажатия на кнопку "Создать " , Вы увидите готовую надпись .
О ходе наших дальнейших действий смотрим в следующих скриншотах :
(в открывшемся информационном окне копируем адрес картинки в интернете
/ссылку/ )
Подробно о том , как загрузить скопированную ссылку на " Радикал " и оставить прозрачный фон надписи , показано в этих скриншотах :
( убранные из квадратов галочки , дают нам возможность оставить прозрачный фон подписи или картинок png.).
Переходим с " Радикал-Фото " в свой блог .
Наши действия :
1. Вставляем скопированный код ( HTML: картинка в тексте ) в текстовое поле новой записи ,в формате HTML .
2. Сразу , после угловой скобки-> ставим любую цифру или букву / у меня , цифра 4 / .
3. Переходим в " Упрощённый формат " .
4. " Мышкой " - выделяем ВСЁ / подпись вместе с цифрой или буквой .
5. Жмём на глобус.( см. скриншот №3 )
№3
6.В открывшееся окно ( см. скриншот №4 ), ставим ссылку (адрес ) на свой блог ( для удобства , мы добавляли его в текстовое поле новой записи , в самом начале этого урока ).
7. Жмём на " ОК " ( см. скриншот №4 ) и возвращаемся в формат HTML ( см. скриншоты №5 и №6 ) .
№4
№5 и №6
Готовую подпись добавляем в свой новый пост или рамочку .
По этому же принципу делаются кликабельными любые картинки или банер.
Надеюсь , я всё доступно и понятно объяснила . Желаю всем удачи !
|
|
