Jak dodać ikonę przed tytułem posta

1. Przygotuj obraz, ikonkę którą chcesz zamieścić przed tytułem posta. Upewnij się , że jest odpowiednich rozmiarów u mnie ( 100 x 100 px)

2. Wrzuć grafikę na hosting np http://pl.tinypic.com/ i skopiuj adres URL Bezpośrednie łącze na potrzeby układów

3. Przejdź na blogu do Projekt>>Szablon>>Edytuj kod HTML

4. Kliknij w dowolnym miejscu kodu, włącz wyszukiwarkę CTRL+F i wyszukaj

 <b:includable id='post' var='post'>

5. Po wyszukaniu fragmentu kliknij w strzałkę rozwijającą przy żółtym zaznaczeniu

6. Usuń kod , aż do <div class='post-header'>

   <b:includable id='post' var='post'>
  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>

7. Wklej następujący kod w miejsce usuniętego z punktu 6

 <b:includable id='post' var='post'>
  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <table><tr>
        <td class='posttitle'>
           <img src='IMAGE-URL'/></td>
        <td><h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
        </td>
        </tr></table>
   
      <style>
        h3.post-title {
          margin: 0px !important;
        }
      </style>
 
    </b:if>

8. W miejsce IMAGE-URL wstaw adres URL który przygotowałeś na samym początku i zapisz szablon

Oryginalny tutorial