Для установления отступа для абзаца на платформе Blogger, то есть оформления красной строки, лучше всего применить стилевой атрибут
text-indent. В
шаблоне блога находим фрагмент приблизительно такого кода:
.post-body {
font-size: 102%;
line-height: 1.5;
position: relative;
}
заменяем его на
.post-body {
font-size: 102%;
line-height: 1.5;
position: relative;
text-indent: 30px;
}
,где text-indent: 30px; определяет отступ первой строки в пикселях. Цифровое значение указывается любым (на ваше усмотрение).
Вы можете корректировать присутствие отступа абзаца при редактировании сообщения, с помощью обрамления текста тегом <div> или <p>. Выделите абзац и нажмите на значок выравнивания.
 |
| Управление отступом абзаца Blogger. Значок Выравнивание. |
Или удалите запись <div style="text-align: left;"> и </div>, применив вкладку "Изменить HTML").
 |
| Отступ абзаца в сообщении. Вкладка "Изменить HTML". |
Изменить стиль шрифта только в теле сообщения.
Добавив в данный фрагмент кода строки
- font-family:"Courier New",Courier,monospace;
- padding-bottom:1.5em;
- font-style:italic;
- color:#FFFFFF;
мы можем изменить шрифт, размер, стиль и цвет шрифта только в теле сообщения соответственно. Сделав это в стилях css, наш код страницы не будет раздуваться до огромных размеров, что плодотворно скажется на загрузке страницы.
41 комментарий:
Спасибо за блог)
<div style="text-align: left;"> абзац </div>
<div style="text-align: left;"> абзац </div>
...
<div style="text-align: left;"> абзац </div>
строчка font-family встречается в шаблоне 1 раз, после : стоит другое и п. 2,3,4 просто нет. я бы хотела изменить шрифт на Arial и цвет #45818e, чтобы эти параметры были по умолчанию
font-family: arial, verdana, sans-serif;
color:#45818e;
}
.post-body p {
text-indent: 2em;
}
Тогда для каждого тега p в теле статьи будет применён text-indent
font-size: 110%;
line-height: 1.4;
position: relative; добавила text-indent: 2em;
}опять выдано:Invalid variable declaration in page skin: Variable is used but not defined. Input: post.background.color
1) Между </head> и <body class='loading'> не должно быть других тегов
2) src=http://tests.newacropol.ru/pearls/informer.php?bgcolor=#ecdbf6&fontcolor=450a6c взять в кавычки src="http://tests.newacropol.ru/pearls/informer.php?bgcolor=#ecdbf6&fontcolor=450a6c"
3) Это не должно быть в body, так же как и тег link
<meta content='Nonna's Design' itemprop='name'>Nonna's Design>/<meta>.
<meta content='Искусство, авторская бижутерия, ручная работа. Все в единственном экземпляре.' itemprop='description'>World of art,creative design and handmade.Искусство,рукоделие,авторская эксклюзивная бижутерия</meta>
<МЕТА CONTENT='Студия Nonna's Design-эксклюзивные произведения искусства,авторская бижутерия,ручная работа' NAME='description'></МЕТА>META> <МЕТА NAME='keywords' СОNТЕNТ='Бижутерия, Украшение, Картина, Сувенир, Дизайн, Handmade, Своими руками, Мастер класс,Искусство, Стиль, Мода, Jewelry, For Her, For Him, Exclusive, Style, Beauty,On of a kind'></МЕТА>META> <МЕТА NAME='abstract' СОNTENT='Мы создаем-Бижутерию, Украшения, Сувениры, Стиль, Jewelry, For Her, For Him, Exclusive, Stylish, Beautiful,On of a kind'></МЕТА>META> <МЕТА CONTENT='Создание уникальных произведений ручной работы - Handmade, Exclusive, One of a kind' NAME='subject'></МЕТА>META> <МЕТА NAME='Owner' СОNТЕNТ='Nonna Shostko'></МЕТА>META>
</meta>
</meta>
1) вообще не разобралась – там google-analytics я не вставляла теги
2) а что должно было измениться с добавлением кавычек? (потому что с кавычками все осталось на месте)
3) взято отсюда – что не так я сделала?
http://www.plekhanoff.ru/2013/01/metategi-ix-znachenie.html
PS а если Вы оказываете некоторую помощь за вознаграждение, как можно узнать Ваши расценки?
Блог может быть только придатком, а не основным ресурсом. Для блога я бы использовала статьи: как и кем обрабатываются камни именно у вас, откуда они и т.п.
Работу за вознаграждение в данное время не берусь, отсутствует необходимое время. Когда (если) появится, создам соответствующую страницу с расценками. На форуме выше есть ребята, которые берутся за работу.
1) уберите его ниже
2) пусть так, Мозила ругается
3) с мета-описаниями аккуратней, посмотрите тут http://shpargalkablog.ru/2010/09/optimizatsiya-blogger.html
Я могу сделать всё из озвученного вами, поэтому предложила вам выбрать один из пунктов, который вам более важен.
Добавьте как показано тут http://shpargalkablog.ru/2011/01/dobavit-blok-v-zagalovok-blogger.html код
<b:widget id='HTML999' locked='false' type='HTML'/>
Если не можете в шаблон стили прописать, то попробуйте в Дизайнере шаблонов http://shpargalkablog.ru/2011/12/kak-izmenit-shablon-blogger.html#css
Картинка будет справа.
Сделаете, если не получится, отпишитесь, я посмотрю.
Если картинка будет вести тоже на Главную, то фоном можно.
b if cond='data:imagePlacement BEHIND
!
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
--> или местоположение можно тут изменить : expr:style background-image: + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; " id='header-inner
div class='titlewrapper' style='background: transparent
h1 class='title' style='background: transparent; border-width: 0px
#header {position: relative;}
#HTML3 {
z-index: 200;
position: absolute;
top: -10px; /* отступ сверху */
right: -20px; /* отступ справа */
}
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data:link' target='_blank'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != ""'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
и
<a expr:href='data:link'>
замените на
<a expr:href='data:link' target='_blank'>
img expr:alt='data:title' expr:height='data height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a
<a href="http://www.nonna.by/p/contacts_13.html" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" title="LOGO">
напишите
<a href="http://www.nonna.by/p/contacts_13.html" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" title="LOGO" target="_blank">
Если хотите открыть в новом окне, то добавьте и
<a href="http://www.nonna.by/p/contacts_13.html" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" title="LOGO" onclick="window.open(this.href, '', 'scrollbars=1'); return false;">
См. http://shpargalkablog.ru/2014/10/window-open-javascript.html Там очень подробно написано, с кучей примеров.