Шаблон Soho в Blogger немного похож на тему Emporio. На главную страницу так же выводятся анонсы изображений и заголовки с датами записей. Похожи темы, но не очень, и не только внешне. Хотя шаблоны Soho, Emporio, Notable и Contempo созданы на одном движке, разнятся в них не только таблицы стилей, но и куски кодов. Так, код, с помощью которого можно добавить фрагмент текста в тему Emporio, не подходит для шаблона Soho.
Чтобы добавить фрагмент текста в тему Soho, нужно открыть HTML код темы, для чего перейти в Тема » Изменить HTML и найти следующий фрагмент кода. Таких фрагментов в коде должно быть два. Нас интересует второй по счету.
Теперь нужно добавить вместо найденного фрагмента следующий код. Выделенное красным число символов во фрагменте текста можно заменить на свое.
Далее ищем строку ]]></b:skin> и перед ней добавляем код стиля. Выделенное зеленым значение - максимальную высоту фрагмента текста в пикселях - можно заменить на свое.
Сохраняем шаблон, открываем блог и любуемся результатом.
Сохо, Лондон |
Чтобы добавить фрагмент текста в тему Soho, нужно открыть HTML код темы, для чего перейти в Тема » Изменить HTML и найти следующий фрагмент кода. Таких фрагментов в коде должно быть два. Нас интересует второй по счету.
<b:else/>
<b:include name='headerByline'/>
</b:if>
<b:include data='post' name='postTitle'/>
</b:if>
<b:include data='post' name='postFooter'/>
<b:include name='headerByline'/>
</b:if>
<b:include data='post' name='postTitle'/>
</b:if>
<b:include data='post' name='postFooter'/>
Теперь нужно добавить вместо найденного фрагмента следующий код. Выделенное красным число символов во фрагменте текста можно заменить на свое.
<b:else/>
<b:include name='headerByline'/>
</b:if>
<b:include data='post' name='postTitle'/>
<b:comment> Добавляем фрагменты текста на главной </b:comment>
<div class='snippet-container'>
<div class='post-snippet'>
<b:eval expr='snippet(data:post.body, { length: 250 })'/>
</div>
<a class='snippet-fade' expr:href='data:post.url'/>
</div>
</b:if>
<b:include data='post' name='postFooter'/>
<b:include name='headerByline'/>
</b:if>
<b:include data='post' name='postTitle'/>
<b:comment> Добавляем фрагменты текста на главной </b:comment>
<div class='snippet-container'>
<div class='post-snippet'>
<b:eval expr='snippet(data:post.body, { length: 250 })'/>
</div>
<a class='snippet-fade' expr:href='data:post.url'/>
</div>
</b:if>
<b:include data='post' name='postFooter'/>
Далее ищем строку ]]></b:skin> и перед ней добавляем код стиля. Выделенное зеленым значение - максимальную высоту фрагмента текста в пикселях - можно заменить на свое.
.post-snippet {
max-height: 80px;
overflow: hidden;
}
max-height: 80px;
overflow: hidden;
}
Сохраняем шаблон, открываем блог и любуемся результатом.
Ура! Заработало! Спасибо.
ОтветитьУдалить