Membuat Read More

Kode CSS:

Kode CSS Read More
/* Read more */ .post-thumbnail{width:72px;height:72px;float:left;margin:2px 10px 0 0;}

Cari kode  seperti berikut:

Kode HTML yang akan diganti

<b:if cond='data:blog.metaDescription == &quot;&quot;'>       <!-- Then use the post body as the schema.org description,           for good G+/FB snippeting. -->       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>         <data:post.body/>         <div style='clear: both;'/> <!-- clear for photos floats -->       </div>     <b:else/>       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>         <data:post.body/>         <div style='clear: both;'/> <!-- clear for photos floats -->       </div>     </b:if>

Ganti semua kode di atas dengan kode berikut:

Kode HTML pengganti

<!-- BUAT BIKIN READ MORE --> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'>   <b:if cond='data:blog.pageType != &quot;item&quot;'>     <b:if cond='data:post.thumbnailUrl'>       <a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a>     <b:else/>       <a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLmwvZ8wNvAhOEBOXgWj8HC_NuYRZk5lnxuUleYmMgQl03cjjAtti5fte-sca7d-fRK8HP8YUWFhQuoZq5SxZieJifiEpSF7-9xofDurzKmep-gQ3eP9UH2SQzknSA5X-Qp4sE11ueHY/s1600/tools.jpg'/></a>     </b:if>     <div class='post-snippet'>       <data:post.snippet/>     </div>     <div class='rm-button-wrap'>       <a class='button' expr:href='data:post.url'>Baca Selengkapnya</a>     </div>   </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'>   <data:post.body/> </b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'>   <data:post.body/> </b:if>  <div style='clear:both;'/> <!-- clear for photos floats --> </div> <!-- AKHIR BIKIN READ MORE -->