На главной странице только заголовки постов без изображений

---

Здравствуйте всем. Просматривала свои записи в блоге и обратила внимание, что нет у меня статьи, как на главной странице отобразить только заголовки сообщений, без картинок в постах.

Посмотрите на скриншоте о чем информация, или сходите в тестовый блог посмотреть пример.

На главной странице только заголовки постов

И, кто заинтересовался таким вариантом оформления главной страницы своего блога, идем в шаблон изменить шаблон, находим закрывающий тэг </head> и выше вставляем скопированный Html код, скриншот

Копируем

<style type='text/css'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

.post {

margin:.5em 0 1.5em;

border-bottom:0px dotted $bordercolor;

padding-bottom:1.0em;

height:50px;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:20px;

font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;

font-weight:normal;

line-height:1.4em;

color:#006400;

}

.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:#006400;

font-weight:normal;

}

.post h3 strong, .post h3 a:hover {color:#f00;}

.post-body {display:none;}

.post-footer {display:none;}

.comment-link {display:none;}

.post img {display:none;}

.post blockquote {display:none;}

.post blockquote p {display:none;}

h2.date-header {display:none;}

.post-labels {display:none;}

.post-rating {display:none;}

</b:if>

</b:if>

</style>

Выделенное жирным цвет текста заголовка, #f00 цвет при наведении мышки. Если в шаблоне Вы изменили заголовки на h2, в коде аккуратно измените все h3 на h2.

Можно сразу оформить заголовок 

.post {

margin:.5em 0 1.5em;

background-image: url(адрес картинки);

border:7px ridge #cdcdcd;

padding-bottom:1.0em;

height:50px;

}

Для примера в тестовом блоге заголовки у меня оформлены в рамку. Фон настройте цветовой или вставьте url изображения.

Почитайте предыдущий пост:  Оформление родного гаджета Google комментарии с иконками;

Читайте также другие записи в блоге:

• Как поднять/опустить заголовок и вставить гаджет сверху заголовка;
• Как сделать полосу прокрутки для виджета и боковой панели блога;
• Как выровнять текст и изменить форму заголовка в блогах Blogspot;
• Как загрузить индивидуальный фон в дизайнере шаблонов blogger;
• Переместить или удалить заблокированный гаджет в макете блога blogspot;

Надеюсь, что Вам понравится. Поделитесь со своими друзьями. Все вопросы в комментариях и отзывы тоже. Пока, пока..До новых встреч.

Рекомендуемый контент: