Делаем читать далее и картинку к посту аккуратными и автоматическими.

Недавно мне написали с вопросом как сделать так, чтобы статьи автоматически сокращались (читать далее), и делали красивую аккуратную маленькую картинку на главной странице! Как на картинке к этой статье. Именно поэтому я решил написать статью о том как сделать краткое описание статьи автоматическим, удобным, так чтобы человек увидел на главной странице блога сразу несколько статей, и мог выбрать понравившуюся. Чтобы это проделать нам не понадобиться Java Scripts и прочее, достаточно выполнить следующие шаги:

Итак начнем:
1. Сохраните свой шаблон на всякий случай, чтобы вы могли его вернуть если что-то пойдет не так.
2. Зайдите в настройки блога, в разде Изменить HTML нажмите расширить шаблон и найдите следующий тэг:
<data:post.body />
3. Замените эту строчку следующим кодом:
<b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:post.snippet'>
          <b:if cond='data:post.thumbnailUrl'>
              <div class='Image thumb'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
          </b:if>
            <data:post.snippet/>
    <b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>
          <b:else/>
            <data:post.body/>
          </b:if>
      <b:else/>
      <data:post.body/>
      </b:if>
4. Сохраниете и просмотрите Ваш шаблон, Вы увидите что-то вроде этого:

5.Как мы видим на картинке текс неудобно расположен относительно картинки, добавив CSS код мы можем отредактировать его расположение, для этого заходим опять в настройки шаблона и находим тэг:
</b:skin>
6. Сразу перед ним необходимо вставить следующий CSS:
.thumb img {
  float: left;
  margin: 0 10px 10px 0;
}

теперь текст будет расположен справа, вот так:

7.Если вы хотите расположить картинку справа от текста, то изменить слово left на right в CSS коде.
Ну вот и все наслаждайтесь новым видом Ваших статей на главной странице.