Selasa, 17 Maret 2015

Cara Menghapus Auto Readmore - Menampilkan Posting Secara Utuh di Halaman Depan Blog


By on 20.33


Cara Menghapus Auto Readmore
Cara Menghapus Auto Readmore untuk Menampilkan Posting Blog Secara Utuh (Penuh) di Halaman Depan.

JIKA Anda kurang berkenan dengan tampilan homepage blog Anda yang berupa "auto readmore", yakni menampilkan judul, gambar thumbnail, serta ringkasan (summary) posting, serta Anda ingin agar posting blog tampil utuh (full post), maka gunakan saja template blog bawaan blogger.

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? 

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"

template - edit html blog


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:

<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>

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 != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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.*


Baca Juga : mengganti link posting lama beranda


About The Blogger

"Belumkah datang waktunya bagi orang-orang yang beriman, untuk tunduk hati mereka mengingat Allah dan kepada kebenaran yang telah turun (kepada mereka), dan janganlah mereka seperti orang-orang yang sebelumnya telah diturunkan Al Kitab kepadanya, kemudian berlalulah masa yang panjang atas mereka lalu hati mereka menjadi keras. Dan kebanyakan di antara mereka adalah orang-orang yang fasik." (QS. Al Hadid 57 : 16)

1 komentar: