Cara Membuat Tombol Read More (Baca Selengkapnya) di Blog

Anirocksite.com - Pada postingan tutorial blogger kali ini saya akan membagikan tutorial bagaimana cara membuat tombol Read More (Baca Selengkapnya) di blog.

Fitur tombol Read More sangat berguna untuk blog kamu karna dapat memudah pengunjung untuk langsung menuju tautan artikel yang ada diblog kamu. Sebenarnya tanpa fitur ini juga para pengunjung sudah bisa langsung masuk ke artikel yang dipilih dengan cara meng Klik judul dari artikel tersebut. Namun dengan adanya fitur tombol Read More ini dapat melengkapi blog kamu agar terlihat lebih terawat atau dikelola dengan baik.

Nah langsung saja kita ketutorial bagaimana cara membuat tombol Read More (Baca Selengkapnya), untuk DEMO nya kamu bisa melihat dihomepage post blog ini, Yuk ikuti tutor dibawah ini.

Membuat Tombol Read More (Baca Selengkapnya) di Blog

1. Pertama, login terlebih dahulu ke Blogger,
2. Pada dashboard Blogger pilih Tema ⇒ Edit HTML,
3. Kemudian, copy kode CSS dibawah ini dan letakkan tepat diatas kode </b:skin> atau </style>,

a.read-more{
display:inline-block;
height:28px;
background-color:#ff69b4;
color:#fff;
font-size:12px;
font-weight:600;
text-transform:uppercase;
line-height:28px;
padding:0 13px;
margin:15px 0 0;
border-radius:2px;
}

4. Lalu, copy kode HTML dibawah ini dan letakkan tepat diakhir kode snippet post template kamu,

<a class='read-more' expr:href='data:post.url'>Read More</a>

Kurang paham ? Nah lihat contoh dibawah ini (Pengguna template Viomagz bisa ikutin tutor dibawah ini, template lain silahkan cari kode snippet postnya, pasti mirip mirip),

<!-- DIBAWAH INI MERUPAKAN CONTOH KODE SNIPPET POST VIOMAGZ --> 
<div class='post-snippet'>
   <b:eval expr='snippet(data:post.longSnippet, {length: 120})'/> <!-- LETAKKAN DISINI -->
</div>

5. Terakhir simpan atau save template.

Sekian tutorial bagaimana cara membuat tombol read more ( baca selengkapnya ) di Blog, dan jika kamu ingin mendapatkan notifikasi pemberitahuan update artikel terbaru silahkan berlangganan melalui form email yang ada di blog ini. Semoga bermanfaat :D.