Cara Membuat Read More/Baca Selanjutnya Di Blog

Cara Membuat Baca Selanjutnya Atau Read More Pada Blog.

Biasanya postingan yang utuh memakan tempat yang terlalu panjang di halaman utama dan itu pula biasanya yang membuat pengunjung merasa tidak sabar untuk melihat daftar posting yang lain di bawahnya. Padahal di sidebar halaman tersebut sudah tersedia ruang navigasi yang berfungsi untuk melihat daftar posting, kategori, dan lain-lain yang bisa membawa pengunjung ke judul posting atau topik yang lainnya. Namun, tidak semua pengunjung dapat memperhatikan fitur tersebut.

Oleh sebab itulah kenapa banyak posting kita yang lainnya tidak terbaca. Kalaupun terbaca, itu hanya yang berada di halaman utama saja. Dan kemungkinan besar pengunjung akan segera lari setelah membaca satu (atau paling tidak beberapa) posting kita di halaman utama.

( Baca Juga Cara Membuat Artikel/Postingan Blog Disini. )

Nah....Di postingan kali ini saya akan coba memecahkan masalah ini.

Untuk membuat Read More atau Baca selanjutnya pada postingan sebenarnya ada dua cara yang bisa kita lakukan, yaitu dengan cara Manual dan dengan cara Otomatis.

1. Membuat Read More Cara Manual.
Sebenarnya, walaupun cara ini sangat mudah, namun banyak diantara blogger yang masih sering bertanya tentang cara membuat 'Baca Selanjutnya atau Read More' pada postingan.

Read More cara manual adalah dengan memanfaatkan Insert Jump Break pada posting blog, dimana setiap kali ingin memosting artikel baru, kita akan mengklik icon / fasilitas Insert Jump Break. Cara ini pastinya kita harus melakukannya setiap menulis artikel (bila lupa maka read more tidak muncul).

Read More atau baca Selanjutnya dibuat agar tampilan blog terlihat lebih rapi dan elegan. Tujuannya agar tampilan blog ketika pertama kali dibuka bisa terlihat banyak cuplikan artikel. Dengan begitu, pengunjung bisa melihat cuplikan-cuplikan yang ada di dalam blog kita dan memilihnya satu persatu.

Cara Manual membuat Read More atau Baca Selanjutnya sangatlah mudah, Setelah membuat postingan, sebelum dipublikasikan. Lihat deretan menu diatas postingan (lihat gambar).

Lihatlah pada gambar diatas khususnya Icon yang dilingkari warna merah Anda klik, setelah sebelumnya meletakkan kursor pada bagian tulisan yang ingin dipotong. setelah itu akan tampil seperti ini.

Setelah itu, 'Publikasikan' dan lihat hasilnya. Mudah bukan...!

2. Membuat Read More Otomatis.
Dahulu kala memang hal ini harus dilakukan dengan mengutak-atik kode HTML. Namun seiring perkembangan waktu, blogspot telah menyadari kebutuhan pengguna khususnya kemudahan menggunakan layanan.

Sementara Cara Membuat Read More Otomatis juga ada dua, yaitu dengan cara menggunakan Javascript dan Tanpa menggunakan Javascript.

Read More Otomatis dengan menggunakan Javascript biasanya memanfaatkan pihak ketiga tempat penyimpanan data script, Seperti .JS dan lain-lain. Perlu diketahui pula, bahwa menggunakan cara ini, Google sendiri tidak menyukainya. Bisa jadi alasannya banyak. Oh iya, apabila anda menggunakan template yang dinamis, biasanya sudah menggunakan cara ini.

Cara Membuat Read More atau Baca Selanjunya Otomatis Tanpa Javascript inilah yang akan kita bahas disini. Cara ini tidak menggunakan situs pihak ketiga, karena langsung masuk ke script HTML blog kita. Menggunakan cara ini ada manfaatnya, dimana template blog anda akan menjadi lebih SEO Friendly dan ringan.

Cara akan memanfaatkan kode yang digunakan oleh tampilan mobile blogspot, yaitu post snippet. Oleh karena itu, dalam script HTML blog, dilakukan penambahan kode. Ikuti beberapa langkah di bawah ini.

I. Langkah Membuat Read More Otomatis Tanpa Javascript.
Bukalah Akun Blog anda, bila anda memiliki banyak blog dalam satu akun, silahkan pilih salah satu blog saja.

1. Pilih Elemen Template, kemudian lanjutkan dengan klik Edit HTML.
2. Lalu cari kode ]]></b:skin>, untuk mempermudah silahkan menggunakan ctrl+f.
3. Copy kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>.       .post-thumbnail{float:left;margin-right:20px}
4. Kemudian cari kode <data:post.body/> apabila sudah ketemu silahkan Copy kode di bawah ini.
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
5. Setelah di copy, gantilah kode <data:post.body/> dengan kode yang barusan di copy.
6. Selesai. Simpan template blog anda.
7. Dan lihatlah hasilnya.

Demikianlah Cara Membuat Read More atau Baca Selanjutnya dipostingan Blog dengan cara Manual dan Otomatis Tanpa Javascript, apabila anda sudah menggunakan Template yang dinamis, abaikan saja ini. Semoga bermanfaat dan Terimakasih.