1 1 1 1 1 1 1 1 1 1 Рейтинг: 4.25 - 2 отзывов

1. Между анонсами статей, я вывожу рекламу Google. Можно, изменяя число, сделать так, чтобы она была через каждые 2,3 5 анонсов (так).

сайт/templates/шаблон/html/com_content/category/blog.php строка 71

2. На главной странице выводить анонс статьи с картинкой. А в блоге категории. выводить более короткий анонс только названия статей, увеличив размер шрифта.

Реклама Google зависит от расположения и цвета

денежный трактор

Даже так: Заработок на рекламе Google AdSense на 90% зависит от расположения блоков и цветовых решений текстовой рекламы!

 

a) Цветовая гамма. 

В статье заголовок имеет цвет 1 (в примере #1B7499).

Подзаголовки h2 и h3 - цвета 2 ( в примере #666), близкого по цвету с обычным шрифтом (в примере #555).

Подзаголовки сдвигаются вправо

Реклама Google 728x90 текстовая и в цвете заголовка статьи 1 (в примере заголовок рекламы #186eae). В примере ссылка #828282. Текст рекламы #555555.

Тогда реклама Google выглядит как заголовок и по цвету и по расположению, как и на сайте rtr24.ru.

Для h2 я пишу такой код

.postcontent h2
{
color: #666666;
padding: 8px 0 3px 0;
margin: 0 0 0 10px; // делает отступ слева
font-size: 20px;
}

b) Так же важно сделать заголовок не жирным шрифтом (убрать bold в css) и таким же, как реклама Google. На выбор Verdana или Arial. И поставить в Google AdSense размер шрифта medium, а на сайте 26px у h1 (рекламные блоки Google выводятся с размером 24-26px и точнее не подгонишь).

 

c) Для того, чтобы заголовок баннера Google AdSense между анонсами статей в блоге категорий был на одном уровне с заголовками статей, нужно найти код в css, отвечающий за padding тела статьи и установить:

padding:4px;

Учитываем тот код, что уже стоял там. Например у меня стояло:

padding: 10px;

Это означает, что со всех сторон отступы 10px и поставив просто 4px, мы сблизим текст так, как нам не нужно. Поэтому пишем:

padding: 10px 10px 10px 4px;

То есть со всех сторон осталось, как и было по 10px отступ, а вот слева стал 4px и сровнялся с заголовками в рекламе Goolge.

Вообще у рекламных текстов Google отступ 3px, но конкретно на моем сайте, дабы сделать заголовки в один ряд, мне подошла цифра 4px.

 

Образец того, как можно сделать блог категории, в моем разделе Wordpress (переходите с него на Joomla кстати, обязательно).

 

Важно. Есть мнение, что полностью одинаковые цвета заголовков и рекламы, нельзя делать! 

PS. Чтобы не придумывать нового, нужно пользоваться схемами гармоничного подбора цветов (здесь).

Сборка сайта Big с шаблоном на Artisteer вам пригодится также.

3. Убрать "Автора" сверху статьи вниз, к категории.

    Сдвинуть "Дату" вправо.

 

4. У h2 и р3 сделать в css: 

padding8px 0 3px 0;

или вообще 0 (смысл в том чтобы было маленькое расстояние от заголовка h2 и баннера рекламы Google, стоящего сразу под ним)

 

5. Создать стиль td.list-title для изменения вида вывода заголовков статей в меню "Список статей категории".

Улучшение внешнего вида блога категории для вывода рекламы Google AdSense

Добавить комментарий

Защитный код
Обновить