Iklan

Cara Membuat Read More/Baca Selanjutnya Di Blog

Cara Membuat Baca Selanjutnya Atau Read More Pada Blog.
Biasanya postingan yang utuh memakan daerah yang terlalu panjang di halaman utama dan itu pula biasanya yang membuat pengunjung merasa tidak tabah 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 mampu membawa pengunjung ke judul posting atau topik yang lainnya. Namun, tidak semua pengunjung dapat memperhatikan fitur tersebut.

Oleh karena 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 duduk perkara ini.

Untuk membuat Read More atau Baca selanjutnya pada postingan bantu-membantu ada dua cara yang mampu 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 wacana cara membuat 'Baca Selanjutnya atau Read More' pada postingan.

Read More cara manual yakni dengan memanfaatkan Insert Jump Break pada posting blog, dimana setiap kali ingin memosting artikel baru, kita akan mengklik icon / kemudahan 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 supaya tampilan blog terlihat lebih rapi dan elegan. Tujuannya supaya tampilan blog saat pertama kali dibuka mampu terlihat banyak cuplikan artikel. Dengan begitu, pengunjung mampu 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 bab goresan pena yang ingin dipotong. setelah itu akan tampil menyerupai ini.

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

2. Membuat Read More Otomatis.
Dahulu kala memang hal ini harus dilakukan dengan mengutak-atik isyarat 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 daerah 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 eksklusif 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 isyarat 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, kalau 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 isyarat di bawah ini dan letakkan sempurna di atas kode ]]></b:skin>.       .post-thumbnail{float:left;margin-right:20px}
  4. Kemudian cari kode <data:post.body/> apabila sudah ketemu silahkan Copy isyarat di bawah ini.
  5. <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>
  6. Setelah di copy, gantilah kode <data:post.body/> dengan isyarat yang barusan di copy.
  7. Selesai. Simpan template blog anda.
  8. 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.

0 Response to "Cara Membuat Read More/Baca Selanjutnya Di Blog"

Posting Komentar