1. Между анонсами статей, я вывожу рекламу Google. Можно, изменяя число, сделать так, чтобы она была через каждые 2,3 5 анонсов (так).
сайт/templates/шаблон/html/com_content/category/blog.php строка 71
2. На главной странице выводить анонс статьи с картинкой. А в блоге категории. выводить более короткий анонс только названия статей, увеличив размер шрифта.
Реклама Google зависит от расположения и цвета
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;
}
Пишет сайт http://www.vindexexpo.ru
Пишет сайт http://www.vindexexpo.ru
www.vindexexpo.ru
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:
padding: 8px 0 3px 0;
или вообще 0 (смысл в том чтобы было маленькое расстояние от заголовка h2 и баннера рекламы Google, стоящего сразу под ним)
5. Создать стиль td.list-title для изменения вида вывода заголовков статей в меню "Список статей категории".