Ставим банер на свой блог

Здравствуйте друзья!

Вот сегодня мы с Вами, снова здесь. Я рада Вас видеть у себя в гостях. Ведь мне хочется чтоб на мой блог люди возвращались снова и снова, чтоб мы с Вами здесь "Секретничали". Помните в детстве у Вас наверняка были свои секретики. У мальчишек одни, у девчонок другие, но все же были. Но что то я опять не много не по теме, хотя тема это весьма любопытная. 

Вот проверяя домашнее задание у курсантов школы Старт в Интернет, я снова увидела вопрос:

"Как поставить банер на свой блог, чтоб он был кликабельным?" Кликабельным, означает что кликнув по банеру (картинке) человек попадал туду, куда его отправляет автор. Туда куда Вы укажете и дадите ссылку.

Итак, многие конечно знакомы с простой подобной процедурой, но я для Новичков блоггеров поделюсь.

Итак, в картинках, так как видео вроде как и не чего показывать. Все просто.

1 ВАРИАНТ - когда есть готовый html код.

1. Заходим во внутрь блога, во вкладку дизан - добавить гаджет - HTML JavaSkpipt и нажимаем на "+"

2. Открывается окно настройки, далее вписываем название, если нужно. Потом в контейнер  "содержание" вставляем код.  Данные коды, как правило даются к тому банеру, который Вы хотите поставить у себя.

Например если Вы, хотите банер с приглашением в школу "Старт в Интернет", то Возьмите код банера, например такой (скопируйте его)

<center><a 

 href="http://startvinternet.ru/registratsiya-v-shkolu/"><img

 style="border: 0px solid ; width: 150px; height: 151px;"

 alt="Старт в Интернет"

 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_AvecuCtjnp2eMY9t7KgdSiEjvMvIOG5rLuDqyRXCTUDmWUvevyEGSDIPg7Beyr8CyDIP1n6WSkZOa6cFb-TNeCbeBXjMBXEau5kIpPds7A8ZCD3t8ZWp64ddmhVdyaLJJ_P7puznq-Xe/s1600/%D1%88%D0%BA%D0%BE%D0%BB%D0%B0.gif"></a></center>

И получите вот такой банер: 

Напомню, что ширину и высоту - вы можете самостоятельно отрегулировать сами. Здесь, параметры заданы такие: width: 150px; height: 151px, где width - это ширина , height:  - это высота картинки. Если у вас сайт бар больше или меньше - соответственно вставляете свои значения, пропорционально увеличивая или уменьшаете эти значения.

2. ВАРИАНТ. Вставка своей картинки в сайт бар и прикреплении надписи и ссылки. В картинках.

1.  Заходим во внутрь блога, во вкладку дизан - добавить гаджет - "Изображение" и нажимаем на "+" 

2. Открывается окно

1) в поле "Связать" Вы вставляете адрес страницы куда будет вести ваша картинка

2) в поле Подпись - пишите текст к вашей картинки например "Приходи, учись"
3) выбираете файл на ПК или с URL, лучше с ПК и нажимаете сохранить
Вот и все готово!

Хотите узнать как сделать анимированую картинку - тогда вам сюда: Создание анимированной gif картинки 

Подпишитесь на новости блога, чтобы  не пропустить эту информацию.

Также подпишитесь на мой видеоканал YouToube, чтобы узнавать о новых видео первым.

Поделитесь информацией с друзьями, нажмите на кнопочки ваших социальных сетей: