Cara Membuat Read More Otomatis di Homepage

Membuat Read More Otomatis di Homepage merupakan salah satu teknik untuk membuat halaman homepage terlihat lebih simple dan dinamis, dengan menampilkan judul, gambar dan sedikit uraian sehingga memudahkan pengunjung untuk memilih judul artikel. Read More Otomatis Artikel memiliki beberapa versi dan keunggulan, dan untuk postingan berikut, akan diuraikan versi yang memiliki loading tercepat, sehingga sangat baik bagi Mesin Pencari.

Jika anda tertaik ingin memasang Auto Read more berikut ini langkah-langkahnya, namun perlu anda perhatikan jika sebelumnya anda sudah memasang read more salah satunya harus dilepas dahulu.

Cara Membuat Read More Otomatis di Homepage

1. Logik keBlogger
2. Klik Template
3. Untuk menghalau terjadinya error pada Template
4. Klik Edit HTML
5. Untuk memudahkan dalam pencarian anda gunakan ctrl+f
6. Selanjutnya anda cari kode ]]></b:skin> dan terapkan kode dibawah ini diatasnya :

/* auto read more */
.post-thumbnail {width:100px;height:70px;float:left;margin:0px 10px 0px 0px;}

7. Langkah berikutnya anda cari kode <data:post.body/>

Note :
Perlu anda perhatikan kode <data:post.body/> biasanya didalam template jumlahnya terdapat dua sampai empat kode, anda cari dengan versi web biasanya pada nomor dua.

8. Kemudian anda hapus kode <data:post.body/> pada nomor dua dan anda ganti dengan kode  dibawah 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:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' expr:src='data:post.thumbnailUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEabWE4IrnOCkPSdW7eUZ2H5neE3rNCnlOzwi9EJ5CC_g-cECuxIsZIUn9J_i7vOaqWuPBDPU4sneu052z3PIUZCx2n8TfNH1aL2CKIMqspM17ZvmbVUXY4SKxETsVsQ7-KWaqcoo6BNQ/s1600/no+image.jpg'/></a>
</b:if>
<div class='post-snippet'><data:post.snippet/></div>
<a class='button' expr:href='data:post.url'>Baca Selengkapnya »</a>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
</b:if>
</b:if>

Note :
Pada kode  <data:post.body/> anda cukup mengganti salah satunya
Kode yang saya beri warna merah dapat anda ganti dengan inspirasi kata-kata anda.

9. Simapan Template

Untuk melihat hasil pekerjaaan anda, silahkan anda menuju homepage.
Demikian Cara Membuat Read More Otomatis di Homepage , semoga bermanfaat!

Share this post