Adım 1:İlk yapmanız gereken şey bir resim hazırlamak ve bu resim için bir url oluşturmaktır.Url oluşturmak için resmi önce blogunuza yükleyip paylaşın,paylaştıktan sonra paylaştığınız sayfaya gidin sağ tıklayıp resim url'sini kopyalayın.İşinizi bitirdikten sonra bunu silebilirsiniz.Ya da URL oluşturma programlarına gidip url oluşturabilirsiniz.
Adım 2:Blogger hesabınıza giriş yapınız ve sırasıyla Şablon>HTML'yi düzenle kısımlarına tıklayın.
Adım 3:Html kodu içinde herhangi bir yere tıklayın ve CTRL+F kombinasyonunu kullanarak aşağıdaki kodu bulun:
<b:includable id='post' var='post'>
Adım 4:Yukarıdaki kodu bulduktan sonra solundaki siyah ok'a basarak genişletin.
Adım 5:Alttaki kodu göreceksiniz,bunu silin.
<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>
Silinmesi gereken kod:
Adım 6:Sildiğiniz kodun yerine aşağıdaki kodu ekleyin:
<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='Resim url'si'/></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>
Yeşil renkle belirtilen yere resim url'nizi ekleyin.Ondan sonra Şablon'u kaydet'e tıklayın.