Додавање банера у блог

Банери су везе, које воде до других објеката на Интернету. У посту 5Основе HTML, писала сам о прављењу тих веза, а овде ћу, на предлог Милоша из блога Vamco Miner, описати по корацима, један пример постављања банера, који води на мој блог.

Банери су обично графичке (сличице) везе. Кад кликнете на сличицу, доспевате на неки блог/сајт. Претпоставићу да сте у неком графичком уређивачу направили сличицу, жељене величине, за банер. Даљи поступак је овакав:

1) Сличицу поверите на чување неком интернет-домаћину 

Нпр. учитајте је у неки ваш веб-албум. Предлажем да то буде Google-ов сервис - Picasa Веб-албуми. У чланку Google Picasa: е-књига, наћи ћете везу за преузимање мини-електронске књиге о раду са програмом Picasa и Веб-албумима Picasa.

2) Узмите URL адресу слике

После учитавања сличице у Веб-албум Picasa (овде је то сличица МОЈ БАНЕР), кликните на сличицу десни клик. У падајућем изборнику, изаберите опцију Копирај URL адресу слике. 

Та адреса је пут до ваше сличице-банера и требаће вам када будете писали код за ваш банер (ако желите, привремено је можете негде залепити - нпр. у документ Word или Notepad). Ово је адреса моје сличице МОЈ БАНЕР:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_h3XpXh2d6L7LpCEc3ZzyEP3cN0Hz1P9AqWDhnPb0gccTUCYX7FMPE9G2EHPUIGLTEbRjhWVcbRn37XVwS6XuTbngH7hD5NDY2BdUtJi2creITob6Lt7krcvjXtc28B5q22_Ri7SbXEO/s128/moj-baner.png

3) Напишите код за банер

Код се пише између почетног тага <а> и завршног тага </а>.

У почетном тагу <а>, помоћу атрибута href, наведите адресу странице, на коју води банер. Нека овај банер води на мој блог, тј. на адресу  http://blogsnelle.blogspot.com: 

<a href="http://blogsnelle.blogspot.com">

Додавањем још и атрибута target, задајте отварање те странице у новом прозору (target="_blank"):

<a href="http://blogsnelle.blogspot.com" target="_blank">

Атрибут target није обавезан. Ако га не задате, страница, на коју води банер, ће се отворити у истом прозору, тј. посетилац ће скроз отићи са вашег блога, а ако задате target="_blank", посетилац ће имати два оторена прозора: ваш блог и страницу на коју води банер. 

Затим, у наставку, користите таг img и њему src да наведете пут до слике, тј. URL адресу слике, коју сте узели у претходном кораку (адреса моје сличице је: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_h3XpXh2d6L7LpCEc3ZzyEP3cN0Hz1P9AqWDhnPb0gccTUCYX7FMPE9G2EHPUIGLTEbRjhWVcbRn37XVwS6XuTbngH7hD5NDY2BdUtJi2creITob6Lt7krcvjXtc28B5q22_Ri7SbXEO/s128/moj-baner.png)

<a href="http://blogsnelle.blogspot.com" target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_h3XpXh2d6L7LpCEc3ZzyEP3cN0Hz1P9AqWDhnPb0gccTUCYX7FMPE9G2EHPUIGLTEbRjhWVcbRn37XVwS6XuTbngH7hD5NDY2BdUtJi2creITob6Lt7krcvjXtc28B5q22_Ri7SbXEO/s128/moj-baner.png "

И онда, по жељи (није обавезно), додајте још неке атрибуте тага img:

- title="Blog Snelle" – текст, који ће се појављивати када се мишем стане на сличицу

- border="0" – прегледачи око слике постављају рам – да га не би било, задајте значење "0"

- alt="мој банер" – текст, који ће се појављивати док се слика не учита

И на крају, поставите завршни таг </a>:

<a href="http://blogsnelle.blogspot.com" target="_blank"><img  src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_h3XpXh2d6L7LpCEc3ZzyEP3cN0Hz1P9AqWDhnPb0gccTUCYX7FMPE9G2EHPUIGLTEbRjhWVcbRn37XVwS6XuTbngH7hD5NDY2BdUtJi2creITob6Lt7krcvjXtc28B5q22_Ri7SbXEO/s128/moj-baner.png " title="Blog Snelle" border="0" alt="мој банер" /></a>

4) Додајте код у блог

На табли Blogger-a изаберите опцију Изглед, а онда Додај гаџет. Изаберите гаџет HTML/JavaScript, и у њега убаците написани код. Превуците гаџет на место, на које желите да поставите банер. 

И, готово! ツ

.