Как установить в блог плавающую рекламу



Виджет плавающей рекламы


Как установить в блог виджет плавающей рекламы
Доброго времени суток всем, кому не спиться. Сегодня хочу Вам предложить, Уважаемые блоггеры, виджет плавающей рекламы. Код плавающей рекламы, в который Вы без труда вставите HTML любого баннера, или своего блога, или партнерской программы, или еще чего нибудь придумаете, легко установить в блог Blogspot. 

Ваша информация будет всегда видна посетителям блога, в любом месте страницы. Код вставляете с помощью всеми нами любимого гаджета Html/JavaScript. Все правильно Вы поняли, в черновике blogger-дизайн-добавить гаджет.  Посмотрите реальный пример слева вверху.
Правда я вставила баннер совсем маленького размера, так как мне нужно в демо блоге больше свободного места. Вы же сможете установить рекламу любого размера. Итак, копируем код:



<style>
#blogsdaddyflotads {
height:20px;
width:auto;
background: #2DB3E9 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#bdadsbase{
height:35;
margin:0auto;
width:100px;
background:#00868B;
border-bottom:2px #eeeeeee solid;
border-outset:2px #eeeeee solid;
border-left:2px #eeeeee solid;
text-align:center;
padding:4px;
}
#bdadsheadline{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:10px;
border-bottom:1px #eeeeee solid;
border-bottom:0px blue solid;
color:#fff;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("bdadsheadline").style.display = 'none';
}
</script>
<div id="bdadsheadline">
<div id="blogsdaddyflotads">
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span>
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="" target="_blank" rel='nofollow' onclick="getValue()"></a></span>
</div>
<div id="bdadsbase">
<h3></h3>
<p align="left"><h3></h3></p>
<p>                                                                                                                          
ЗДЕСЬ БУДЕТ КОД ВАШЕЙ РЕКЛАМЫ
<br/></p></div></div>



Основные настройки: Выделенное красным-цвет шапки, у меня он синий;  выделенное оранжевым-высота шапки; выделенное синим-высота и ширина виджета плавающей рекламы. Нужно будет подогнать под размеры баннера, но все равно будет чуть выше и шире. 

Подберите похожий фон. Лиловый цвет-расположение сверху и снизу; голубой цвет-расположение слева, если нужно установить справа, удалите left и впишите right. Так же можно настроить отступ от левого края, увеличив числовое значение.

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




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


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

2 коммент. :

  1. Благодарю Вас за проделанную работу!) Желаю здоровья Вам и просветления!!!

    ОтветитьУдалить
    Ответы
    1. Виктор спасибо, люблю такие комментарии. Забегайте ещё в гости.

      Удалить

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

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

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

Имя

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

Сообщение *