Auto Readmore yakni istilah bagi tampilan halaman depan blog berupa judul, gambar thumbnail, dan kutipan (summary, snippet) teks alinea pertama.
Contohnya halaman depan blog ini. Posting tidak tampil penuh.
Disebut Readmore alasannya yakni biasanya ada link bertuliskan "read more" atau "baca selengkapnya", meski belakangan link tersebut jarang dipakai para blogger, alasannya yakni Google juga tidak menampilkannya di halaman hasil pencarian (SERP).
Disebut Auto Readmore alasannya yakni postingan akan otomatis tampil berupa judul, gambar thumbnail, dan ringkasan di halaman depan.
Cara Membuat Auto Readmore Fast Loading Tanpa Javascript di Blog
Bagi Anda yang blognya masih menggunakan template bawaan blogger dan postingan halaman depan masih tampil penuh (semua artikel), gunakan cara dan instruksi berikut ini untuk menampilkan auto readmore.1- Klik Tema > Edit Template
2- Cari instruksi ]]></b:skin>
3- Copy instruksi CSS Auto Readmore berikut di atas instruksi ]]></b:skin>
.thumbnail-post {width:100px !important; height:80px !important; float:left; margin:0px 15px 5px 0px;}
4- Cari dan ganti instruksi <data:post.body/> yang kedua dengan instruksi berikut ini:
<b:if cond='data:blog.pageType != "static_page"'>5- Save Template !
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><img class='thumbnail-post' expr:alt='data:post.title' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img class='thumbnail-post' expr:alt='data:post.title' expr:title='data:post.title' src='http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.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 == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
Kode Auto Readmore di atas Fast Loading alasannya yakni tanpa Javascript sekaligus ramah mesin telusur (SEO Friendly) gambar thumbnailnya sudah otomatis menampilkan deskripsi gambar (judul dan alternatif teks) yang diambil dari judul postingan.
Anda dapat mengubah ukuran gambarnya di kode CSS Auto Readmore bab width dan height.
Demikian Cara Membuat Auto Readmore Fast Loading Tanpa Javascript di Blog. Wasalam.*
Cara Menciptakan Auto Readmore Fast Loading Tanpa Javascript Di Blog
4/
5
Oleh
BMNG Info
