Cara Menghapus Auto Readmore untuk Menampilkan Posting Blog Secara Utuh (Penuh) di Halaman Depan.
Hampir semua template bawaan blogger menampilkan posting secara utuh di halaman depan.
Namun, template bawaan blogger 'kan tidak responsive dan "kurang" SEO Friendly, kecuali kita optimisasi sendiri Meta Tags & Meta Titlenya.
Nah, bagaimana jika kita sudah menggunakan template blog SEO Friendly, Fast Loading, Responsive, yang umumnya sudah disetting menampilkan readmore alias ringkasan tulisan di halaman depan?
Gampang banget! Hapus saja kode-kode yang menjadikan posting di halaman depan itu menjadi auto read more alias menampilkan judul, thumbnail, dan ringkasan tulisan. Caranya?
Gampang banget! Hapus saja kode-kode yang menjadikan posting di halaman depan itu menjadi auto read more alias menampilkan judul, thumbnail, dan ringkasan tulisan. Caranya?
Cara Menghapus Auto Readmore - Menampilkan Posting Secara Utuh di Home
Banyak banget blogger yang sudah berbagi tips soal itu. Salah satunya, yang sudah CB test dan berhasil, tips remove auto readmore dari All Blogs Tips dan Vk Tech Zone berikut ini:
1. Template > "Edit HTML"
2. Cari (CTRL+F) kode <div class='post-body entry-content'>
3. Di bawah kode <div class='post-body entry-content'> akan ada rangkaian kode seperti ini:
4. Nah, sikat saja beh! Hapus semuanya!
<b:if cond='data:blog.pageType != "static_page"'><br />
<b:if cond='data:blog.pageType != "item"'><br />
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<br />
<div class='readmorecontent'>
</div>
</b:if><br />
</b:if><br />
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if><br />
<br />
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType != "item"'><br />
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<br />
<div class='readmorecontent'>
</div>
</b:if><br />
</b:if><br />
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if><br />
<br />
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
4. Nah, sikat saja beh! Hapus semuanya!
5. Ganti (replace) dengan kode ini:
<data:post.body/>
6. Nah, gitu doang kok!
7. Save Template!
Kini Posting Blog Anda tampil Secara Utuh, Full, di Halaman Depan Blog Anda.
Menghapus Tulisan Readmore
Di banyak template, tombol readmore juga ditampilkan. Tentu, harus dihapus juga 'kan? Maka, temukan kode seperti ini:<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='item-snippet'><data:post.snippet/></div>
<div class='readmore'>
<a expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<div class='item-snippet'><data:post.snippet/></div>
<div class='readmore'>
<a expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>
Hapus Semuanya!
Hapus juga semua kode CSS yang ada tulisan "readmore"-nya. Cari (Ctrl+F) kata readmore atau Read more dan hapus.
Good Luck and Happy Blogging!
CATATAN:
1. Menghapus auto readmore juga berguna jika Anda mau mengganti tampilan ringkasan posting di halaman depan itu menjadi dua kolom (Lihat: Membuat Auto Readmore Dua Kolom di Halaman Depan Blog).
3. Jika hanya mau menghapus tulisan (tombol) auto readmore doang, baca ini: Cara Menghapus Tulisan Read More di Halaman Depan Blog.*
No comments:
Post a Comment