Как добавить фрагмент текста в тему Soho в Blogger

Шаблон Soho в Blogger немного похож на тему Emporio. На главную страницу так же выводятся анонсы изображений и заголовки с датами записей. Похожи темы, но не очень, и не только внешне. Хотя шаблоны Soho, Emporio, Notable и Contempo созданы на одном движке, разнятся в них не только таблицы стилей, но и куски кодов. Так, код, с помощью которого можно добавить фрагмент текста в тему Emporio, не подходит для шаблона Soho.

Чтобы добавить фрагмент текста в тему 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: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:skin> и перед ней добавляем код стиля. Выделенное зеленым значение — максимальную высоту фрагмента текста в пикселях — можно заменить на свое.

.post-snippet {
   max-height: 80px;
   overflow: hidden;
}

Сохраняем шаблон, открываем блог и любуемся результатом.