Реклама: Вы хотите купить удостоверение по охране труда? Их есть у нас!

Меняем вид AdSense - законно! Подробная инструкция

Есть мнение, что Google AdSense Ads не любят чтобы с ними экспериментировали. Экспериментировать, нарушая при этом целостность его кода действительно нельзя! Но что же делать если хочется избавиться от скучного и весьма уже надоевшего вида этих объявлений?

На помощь приходит CSS. Все эксперименты проводились на себе, результат абсолютно положительный, вот здесь расположена реклама с изменённым дизайном. Во всех примерах абсолютно не трогается код AdSense, он просто обрамляется в стиль CSS, которого в коде шаблона вашего блога или сайта предостаточно!

Для того, чтобы установить рекламу AdSense в новом дизайне нужно выполнить по порядку несколько действий:

1. Получить код рекламного объявления в AdSense;
2. Скачать в примере фон для рекламного блока (в каждом случае он естественно разный под разные форматы);
2. Вставить в CSS часть вашего шаблона нижепреведённый для каждого случая CSS код, при этом заменяя строку вида YOUR-FOLDER/2007/04/background.png на URL-адрес куда вы скачали фон для рекламного блока;
3. Вставить соответствующий HTML код в место где будет располагаться рекламный блок, а вместо строки <!-- REPLACE ONLY THIS LINE WITH YOUR AD CODE --> вставить код полученный в AdSense.

Ни одно из перечисленных действий не противоречит Terms Of Use.
Украшайте ваши сайты рекламой!

Для Blogger нужно вставить CSS код в шаблон, затем создать новый элемент HTML/Javascript и вставить туда HTML из примера.


1. Голубой банер со скруглёнными краями в косую полоску



CSS код:


HTML код:


Цветовая схема:
Background Color: #003366
Border Color: #003366
Text Color: #666666
Link Color: #FFFFFF
URL Color: #666666

Скачать фон для AdSense





2. Тлеющий банер



CSS код:


HTML код:


Цветовая схема:
Background Color: #666666
Border Color: #666666
Text Color: #26AEED
Link Color: #FFFFFF
URL Color: #26AEED

Скачать фон для AdSense



3. Банер рассвет



CSS код:


HTML код:


Цветовая схема:
Background Color: #FFFFFF
Border Color: #FFFFFF
Text Color: #777777
Link Color: #282828
URL Color: #777777

Скачать фон для AdSense



8. Чёрный банер с градиентом



CSS код:


HTML код:


Цветовая схема:
Background Color: #333333
Border Color: #333333
Text Color: #FFFFFF
Link Color: #5C9CDD
URL Color: #CCCCCC

Скачать фон для AdSense



9. Чёрный полубанер с градиентом



CSS код:


HTML код:


Цветовая схема:
Background Color: #333333
Border Color: #333333
Text Color: #999999
Link Color: #FFFFFF
URL Color: #999999

Скачать фон для AdSense



10. Оранжевый в полосочку полубанер



CSS код:


HTML код:


Цветовая схема:
Background Color: #FF9933
Border Color: #FF9933
Text Color: #111111
Link Color: #FFFFFF
URL Color: #111111

Скачать фон для AdSense



11. Утончённо-голубой полубанер



CSS код:


HTML код:


Цветовая схема:
Background Color: #5D8AC9
Border Color: #5D8AC9
Text Color: #CBE6A6
Link Color: #FFFFFF
URL Color: #CBE6A6

Скачать фон для AdSense



12. Чёрный полубанер



CSS код:


HTML код:


Цветовая схема:
Background Color: #333333
Border Color: #333333
Text Color: #CCCCCC
Link Color: #FFFFFF
URL Color: #CCCCCC

Скачать фон для AdSense



13. Кнопка Чёрный Бриллиант



CSS код:


HTML код:


Цветовая схема:
Background Color: #333333
Border Color: #333333
Text Color: #FFFFFF
Link Color: #FFFFFF
URL Color: #FFFFFF

Скачать фон для AdSense



14. Кнопка с тенью



CSS код:


HTML код:


Цветовая схема:
Background Color: #FFFFFF
Border Color: #FFFFFF
Text Color: #038C03
Link Color: #038C03
URL Color: #038C03

Скачать фон для AdSense



15. Чёрная с золотом кнопка



CSS код:


HTML код:


Цветовая схема:
Background Color: #FFCC33
Border Color: #FFCC33
Text Color: #333333
Link Color: #000000
URL Color: #333333

Скачать фон для AdSense


16. Чёрная кнопка



CSS код:


HTML код:


Цветовая схема:
Background Color: #333333
Border Color: #333333
Text Color: #888888
Link Color: #FFFFFF
URL Color: #888888

Скачать фон для AdSense



17. Скруглённая кнопка с тенью



CSS код:


HTML код:


Цветовая схема:
Background Color: #FFFFFF
Border Color: #FFFFFF
Text Color: #666666
Link Color: #336699
URL Color: #666666

Скачать фон для AdSense



20. Синий 2.0



CSS код:


HTML код:


Цветовая схема:
Background Color: #28527B
Border Color: #28527B
Text Color: #EEEEEE
Link Color: #FFFFFF
URL Color: #EEEEEE

Скачать фон для AdSense



21. Доска почёта Тучи



CSS код:


HTML код:


Цветовая схема:
Background Color: #E8F5FF
Border Color: #E8F5FF
Text Color: #0099FF
Link Color: #000000
URL Color: #0099FF

Скачать фон для AdSense



23. Доска почёта Скомканая Бумага



CSS код:


HTML код:


Цветовая схема:
Background Color: #FFFFFF
Border Color: #FFFFFF
Text Color: #555555
Link Color: #006699
URL Color: #444444

Скачать фон для AdSense



24. Доска почёта New Digg



CSS код:


HTML код:


Цветовая схема:
Background Color: #CCDEAF
Border Color: #CCDEAF
Text Color: #000000
Link Color: #1B5790
URL Color: #444444

Скачать фон для AdSense



26. Серый пузырьковый небоскрёб



CSS код:


HTML код:


Цветовая схема:
Background Color: #CCCCCC
Border Color: #CCCCCC
Text Color: #333333
Link Color: #111111
URL Color: #333333

Скачать фон для AdSense



27. Красный газетный небоскрёб



CSS код:


HTML код:


Цветовая схема:
Background Color: #CD2424
Border Color: #CD2424
Text Color: #FFFFFF
Link Color: #FFEEAA
URL Color: #FFEEAA

Скачать фон для AdSense


28. Small Square металл



CSS код:


HTML код:


Цветовая схема:
Background Color: #6DA6D1
Border Color: #6DA6D1
Text Color: #104570
Link Color: #000000
URL Color: #104570

Скачать фон для AdSense


29. Small Square в голубой дымке



CSS код:


HTML код:


Цветовая схема:
Background Color: #666666
Border Color: #666666
Text Color: #FFFFFF
Link Color: #FFFFFF
URL Color: #FFFFFF

Скачать фон для AdSense

4 коммент.:

Игорь комментирует...

А почему на источник ссылку не дал? Это же не твое!

Konkoff комментирует...

Бу-га-га, ты меня с кем-то путаешь :)

ЗАКОН БЛОГГЕРА - ССЫЛКА НА ПЕРВОИСТОЧНИК

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

Всем советую так поступать :)

Victor комментирует...

Огромное спасибо за труд в подготовке материала.

Konkoff комментирует...

Привет, долго конечно писать такие посты, но интересно!
Пожалуйста!