Title posting diatas terlihat acak-acakan tentunya, mau diganti juga sudah keburu dibuat. Posting ini akan menjelaskan bagaimana cara melakukan setting Readmore pada blog. Readmore atau dalam bahasa Indonesia-nya Baca selengkapnya dibutuhkan oleh blog atas beberapa tujuan dan kegunaan. Seperti, untuk meningkatkan jumlah Pageview, meringankan bobot hompage blog, dan sebagainya.
Jika anda menggunakan template bawaan Blogger, maka template tersebut tidak memiliki fungsi Readmore karena Blogger tidak memasukkan script Readmore. Jadi, anda harus membuatnya sendiri dengan memasukkan beberapa script kedalam template untuk menghasilkan fungsi Readmore pada blog. Adapun script dasar Readmore sebenarnya cukup simple sekali sebelum akhirnya dilakukan editing dengan memasukkan beberapa fungsional tambahan.
Script Dasar Readmore Sebelum Diedit adalah seperti dibawah ini:
Kemudian setelah dilakukan sedikit editing, maka akan menjadi seperti berikut:
Tampilan Readmore pada blog dalam bentuk jadi akan terlihat seperti gambar dibawah ini
Ganti URL gambar dengan URL gambar milik anda.
Jika anda menggunakan template bawaan Blogger, maka template tersebut tidak memiliki fungsi Readmore karena Blogger tidak memasukkan script Readmore. Jadi, anda harus membuatnya sendiri dengan memasukkan beberapa script kedalam template untuk menghasilkan fungsi Readmore pada blog. Adapun script dasar Readmore sebenarnya cukup simple sekali sebelum akhirnya dilakukan editing dengan memasukkan beberapa fungsional tambahan.
Script Dasar Readmore Sebelum Diedit adalah seperti dibawah ini:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><img src='URLgambarmu' alt='read more'/></a>
Kemudian setelah dilakukan sedikit editing, maka akan menjadi seperti berikut:
<b:if cond='data:post.hasJumpLink'><div class='jump-link'><a expr:href='data:post.url + "#more"'><imgsrc='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggeHdcQNIaMErHWn15__-7VZxYMx20HpmBgtJb2kiFKNjasECvNwS443c6tyHnzwmC3mmpal7cNeivdWcP32C5JXQHOUiyBFQ3eO-qTibGK-KebBlXYNwZ2QR-Oww8RGp6ndggCkP0BDU/[1].png' alt='read more'/></a></div></b:if>
Tampilan Readmore pada blog dalam bentuk jadi akan terlihat seperti gambar dibawah ini
Keterangan:
Ganti URL gambar dengan URL gambar milik anda.
Tidak ada komentar:
Posting Komentar