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



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

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

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

Пример оформления главной страницы блога блоггер только с заголовками постов без изображений

И, кто заинтересовался таким вариантом оформления главной страницы своего блога, идем в шаблон изменить шаблон, находим закрывающий тэг </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 комментарии с иконками;

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

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

TEXT.RU - 100.00%


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


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

0 коммент. :

Отправить комментарий


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

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

Имя

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

Сообщение *