Cara Membuat Baca Selengkapnya Seperti Wordpress di Blogger

Pada kesempatan kali ini saya akan membagikan sebuah tutorial bagaimana Cara Membuat Tombol Baca Selengkapnya Seperti Wordpress. Pasti kalian sangat ingin membuat tombol seperti itu untuk meningkatkan page view kamu, tapi sebelum masuk ke tutorialnya saya akan memberitahukan apa sih kelebihan  dari memasang tombol ini.


Kelebihan Membuat Read More di Postingan Blog

1. Meningkatkan Page View Blogger
Kenapa page view blog bisa meningkat, karena pengunjung akan Otomatis memuat halaman sebanyak 2x dan page view pun akan meningkat.

2. Menurunkan Bounce Rate Blogger
Selain meningkatkan page view blogger, ternyata read more ini pun berfungsi untuk menurunkan Bounce Rate Salah satu faktor penentu rangking sebuah halaman website/blog dimesin pencarian Google.

Cara Membuat Tombol Baca Selengkapnya Seperti WordPress

Trik ini hanya menggunakan Tag kondisional Blogger, jadi tidak mempengaruhi kecepatan loading blog kamu. Oke langsung saja kita masuk ketutorialnya.

1. Silahkan kamu login ke Blogger.com dengan menggunakan Gmail kamu.


2. Masuk ke menu TEMA > klik Edit HTML.
3. Silahkan kamu cari kode <data:post.body/> dihalaman artikel ( biasanya antara kodenya yang ke 2 atau 3 ) dan ganti dengan kode dibawah ini.

<b:if cond='data:view.url == data:view.url params { m: "0" } or data:view.isPreview' >
<data:post.body/>
<b:else/>
<b:eval expr='data:post.body snippet { 
    length: 1000, 
    links: false, 
    linebreaks: true, 
    ellipsis: true }'/>
<div class='readm'>
<a expr:href='data:blog.canonicalUrl + "?m=0"' expr:title='data:view.title'>Baca Selengkapnya </a>
</div>
</b:if>

1000 adalah jumlah karakter yang akan ditampilkan sebelum pengunjung membaca keseluruhan artikel, bisa diubah sesuai keinginan (maks 1000 karakter).

4. Selanjutnya, silahkan kamu cari kode </head> dan Letakkan kode ini tepat DIATAS kode tersebut.

<style>.readm{margin:20px 0;text-align:center}.readm a{color:#fff; background:#0f7aff;padding:7px 15px; border-radius:5px}</style>

5. Selanjutnya silahkan kamu harus mengganti rel canonical agar tidak terjadi duplicate content, cari kode dibawah ini.

<link expr:href='data:blog.url' rel='canonical'/>

6. Mungkin tidak semua template menggunakan tag canonical seperti diatas, tapi jika di dalam template yang sobat pakai terdapat rel='canonical' dan ganti dengan kode ini :

<link expr:href='data:blog.canonicalUrl' rel='canonical'/>

7. Kalau sudah silahkan klik SIMPAN dan Selesai.

Bagaimana mudah bukan untuk tutorial Cara Membuat Tombol Baca Selengkapnya Seperti Wordpress bagi kamu yang masih bingung atau error silahkan komen di kolom komentar dibawah artikel ini.
Tampilkan Komentar
Sembunyikan Komentar

0 Response to "Cara Membuat Baca Selengkapnya Seperti Wordpress di Blogger"

Post a Comment

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar semua.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel