Membuat Auto Read More Blogspot Tanpa Javascript

Berikut ini ialah cara membuat auto readmore untuk blogspot tanpa menggunakan javascript, dengan demikian pemanggilan data ringkasan artikel dan thumbnail posting akan jauh lebih cepat dibanding menggunakan auto read more dengan javascript, karena auto readmore ini murni menggunakan tag data dari Blogger untuk mengambil ringkasan artikel dan thumbnail postingnya.

Cari kode ]]></b:skin> atau </style>

Letakkan kode css ini diatasnya, CSS ini akan mengatur letak thumbnail post dan link baca selengkapnya

.post-thumbnail {
    width:72px;
    height:72px;
    float:left;
    margin:2px 10px 0 0;
    background-color: #FFF;
    border: 1px solid #EEE;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    padding:5px
}
.read-more {
    float:right;
    clear:both;
    font-weight:bold
}

Bila posting Anda masih berupa posting normal bawaan template blogspot, carilah kode ini:

<data:post.body/>

Biasanya terdapat lebih dari satu kode tersebut, ganti semua code tersebut dengan kode ini:

<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:title='data:post.title' expr:href='data:post.url'><img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/></a>
    <b:else/>
      <a expr:title='data:post.title' expr:href='data:post.url'><img class='post-thumbnail' expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ebtXCcKEzZn4IjG_drNCM_oElImGYstmvxs3Ts0O-VpQb61xF0Tzs8N16DVfkjC14HDJQ_69_UFknuR4hZEjis3UkISpl4wsxxVzaFUq6Wvy6CvWkjmq_t0CXLfS6hX_vFsRVPqBCdc/s72-c/noimage.jpg'/></a>
    </b:if>
    <div class='post-snippet'>
      <data:post.snippet/>
    </div>
    <div class='read-more'>
      <a expr:href='data:post.url' title='Baca Selngkapnya'>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>

kode yang saya beri tanda itu adalah link/url gambar cadangan untuk posting yang tidak memiliki gambar, silahkan bisa diganti sesuka hati