Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memasang Auto Read More atau Baca Selengkapnya di Template Blog

Cara Memasang Auto Read More atau Baca Selengkapnya di Template Blog

Kode Read More - Membuat blog yang terlihat perpesional itu adalah memperhatikan bagian isi konten yang lengkap serta tampilan yang mudah di pahami buat penggunjung. Ada banyak macam tampilan tema yang disediakan buat blog, kususnya blogger. Dimana tema itu memiliki ciri khasnya masing-masing untuk dari segi tampilan.

Namun ternyata masih banyak blogger yang suka mengutak-atik template yang mereka gunakan agar lebih terlihat dari pada yang lain. Salah satunya adalah tentang membuat tulisan " Baca selengkapnya " atau " Read more... " yang berada di akhir tulisan snipet blog.

Fiktur auto " read mo... " ini tidak semuanya dimiliki jenis template yang ada di blogger, jadi ada juga sebagian yang tidak menggunakan fiktur ini dengan alasan tertentu.

Agar lebih jelas, berikut tampilan blog yang menggunakan " Baca selengkapnya " diakhir tulisan snipet dan juga yang tidak menggunakannya.

Cara Memasang Auto Read More atau Baca Selengkapnya di Template Blog
Images by @rian_seo

Dan dibawah ini template yang tidak menggunakan tulisan " Baca Selengkapnya " di akhir tulisan snipet blog.

Cara Memasang Auto Read More atau Baca Selengkapnya di Template Blog
Images by @rian_seo

Sudah pahamkan maksud tulisan dari saya? Peberdaannya ada pada tulisan link yang tidak ada di akhir tulisan singkat snipet blog.

Cara Membuat auto Read More Blogger


Cara membuatnya juga sangat mudah dan tanpa harus memasang kode script sekalipun kamu bisa melakukannya.

Pertama buka Blogger > Dashbor > Edit HTML

Cara Memasang Auto Read More atau Baca Selengkapnya di Template Blog

Cari kode <div class='post-snippet'>

Cara Memasang Auto Read More atau Baca Selengkapnya di Template Blog

Saya yakin, semua template blogger pasti ada kode <div class='post-snippet'> ini. Jika sudah ketemu silahkan letakan kode HTML dibawah ini, tepat dibawah kode <div class='post-snippet'>
<a class='readmore' expr:href='data:post.url' title='Read More'>Read More...</a>
Keterangan: Kamu bisa ganti tulisan " Read More " sesuai dengan kata-kata yang kamu inginkan.

Jika posisi tulisan tidak pas, kamu bisa atur menggunakan kode CSS
.readmore {
    margin:0;
    padding:0;
}
Jika sudah, tinggal kamu Klik SIMPAN template.

Akhir Kata


Demikian informasi yang dapat kami sampaikan tentang artikel membuat kode read more, Jika masih ada yang kurang paham kamu bisa tulis pertanyaan di kolom komentar yang nantinya akan kami bantu menjawab.

Posting Komentar untuk "Cara Memasang Auto Read More atau Baca Selengkapnya di Template Blog"