2 Cara Menghapus Tulisan Read More di Halaman Depan Blog

Tutorial: Tips & Trik Cara Menghapus Tulisan Read More di Halaman Depan Blogger/Blogspot

Template Blogger yang terpasang fitur Auto-Readmore, atau template blog resmi bawaan Google; biasanya menampilkan tulisan Read More tepat di bawah judul artikel pada halaman depan blog.

Sayangnya, fitur ini tidak SEO Friendly karena adanya kode HTML yang sedikit-banyaknya memperberat kecepatan loading blog.

Selain itu fitur ini juga tidak User Friendly karena pembaca juga paham, untuk membaca artikel secara menyeluruh, maka yang perlu dilakukan pembaca adalah mengklik judul artikel tersebut guna membuka artikel secara menyeluruh.

2 Cara Menghapus Tulisan Read More di Halaman Depan Blog

Ada 2 cara yang bisa kamu lakukan, dan kami merekomendasikan kamu untuk melakukan kedua-duanya. So, simak baik-baik ya.

1. Menghapus Kode HTML Auto-Readmore

Jika kamu ingin menghapus kode HTML yang menampilkan tulisan Auto-Readmore di halaman depan blog, maka cari kode ini:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

...atau kode ini:

<span class='readmore' style='float:right'><a expr:href='data:post.url'>Read More &#187;</a></span>

Hapus kode HTML tersebut dan simpan perubahan pada template blogger yang sudah kamu lakukan.

Selain itu, kamu juga harus menghapus kode CSS yang mengatur atribut HTML dari tulisan "Auto Readmore" ini di dalam template blogger.

Contohnya saja, seperti kode ini:

<Group description="Read More" selector="a.readmore, .label-size">
<Variable name="readmore.background.color" description="Background Color" type="color" default="#ffffff"/> <Variable name="readmore.color" description="Color" type="color" default="#7D7D7D"/> <Variable name="readmore.border.color" description="Border Color" type="color" default="#999999"/> <Variable name="readmore.hover.color" description="Hover Color" type="color" default="#EE4B3D"/>
</Group>

Atau contoh lainnya, kode seperti ini:

<div class='rm-button-wrap'> <a class='button' expr:href='data:post.url'>Read More</a> </div>

Lihat pada kode yang sudah ditandai, kode ini: rm-button-wrap.

Kami yakin 100% di dalam template blog tersebut, pasti ada kode CSS-nya. Kalau bukan #rm-button-wrap, pasti .rm-button-wrap -- tergantung tema blog.

Bagaimana? Mudah, kan? Demikian tutorial cara menghapus dan menghilangkan tulisan "Read More" di halaman awal (depan) Blogger/Blogspot.

2. Menonaktifkan Auto-Readmore di Setelan Blogger

Pada Setelan Blogger, tepatnya di bagian Layout Blog, coba periksa apakah fitur Auto-Readmore diizinkan atau tidak.

• Blogger > Layout Blog (Tata Letak)
• Klik tombol Edit pada widget BlogPosting1 atau Gadget Posting -- (judul widget berbeda-beda)
• Hapus centang Ok pada Readmore, ketuk tombol Simpan (Save)

Pengertian Read More adalah baca selengkapnya; Read More merupakan sebuah tautan teks yang apabila di klik akan terbuka artikel secara menyeluruh.

Itulah tutorial tips dan trik bagaimana cara menghapus tulisan Read More di halaman depan blog.

Source: http://www.contohblog.com/2017/08/cara-menghapus-tulisan-read-more.html

Labels: Tutorial Blogger

Thanks for reading 2 Cara Menghapus Tulisan Read More di Halaman Depan Blog. Please share this article.

Share this post