Подготовка
Първо трябва да променим някои настройки на публикациите в блога.◾Да премахнем датата на публикуване от настройките на главната страница;
◾Броят на публикациите да променим на четен;
Задаване на стиловете CSS
Пред </head> в Тема ➔ Редактиране на HTML кода вписваме:
<b:if cond='data:blog.pageType != "item"'>
<style type="text/css">
.post-outer {
margin: 0 25px 25px 0;
width: 40%;
height: 500px;
float: left;
overflow: hidden;
position:relative;
}
.post-body img {width: 280px;}
.post object, .post embed {width: 150px; height: 120px;}
.blog-pager { clear:both; }
</style>
</b:if>
◾Където width – е ширината, height - височината, margin - отстъп. Тези значения редактирайте по ваше усмотрение;
◾Не забравяйте да добавите елемента "Прочетете повече", тъй като чрез тази опция само скрива текста от читателя, а ние трябва да го отрежем и да контролираме броя на знаците, така че да пасва;
◾Тук можем да внесем и други параметри, като „обвиване“ на изображение с текст;
.post-body img {width: 100px; float: left; height: 100px; padding: 0 10px 0 0;}
◾Ако изображението ви е под определена височина, то няма да се показва, затова се опитайте да го поставяте веднага след заглавието;
◾Последна стъпка: трябва да настроите ширината на публикациите спрямо страничните колони. Главната страница ще изглежда още по-впечатляваща, ако премахнете от нея страничните колони, като:
-Скриете всички притурки от главната страница;
-Увеличете ширината на публикациите: Тема ➔ Персонализиране ➔ Коригиране на ширините;
Ето как ще изглежда.
Въпроси отзиви и мнения, моля в коментарите.
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога ми на:
Много беше интересно. Ще изпробвам. Ако имам нужда от помощ, ще пиша.
ОтговорИзтриванеБлагодаря за отзива. Ще помогна, ако се затруднявате. Поздрави!
ОтговорИзтриванеНаправих го, не ме затрудни, благодаря за помощта!
ОтговорИзтриванеМоля,вие сте мой желан гост.
ИзтриванеЧакам ви пак
Изтриване