Cara format tampilan "Read More" pada blog post

Apakah tampilan postingan blog terlihat terlalu panjang? terlalu memakan panjang halaman blog? untuk mengefisiensi panjang tampilan  blog, biasanya bisa kita gunakan format 'jump break' pada postingan  blog. Apa itu jump break? Jump break merupakan fitur pada blogspot untuk menampilkan postingan dengan pemotongan pada bagian tertentu sesuai dengan panjang yang diinginkan yang biasanya dipotong dengan link "Read More" di batas bawah postingan yang dipotong, pada Home Page.

Bagaimana Caranya??


Gue pikir kalo settingan satu halaman di home page memperlihatkan 3-5 posting, ketika masing-masing postingan panjangnya ampun-ampunan. makan tempat banget tuh halaman! kadang berat loadingnya dan kepanjangan untuk scroll pagenya... Ma to the Les.. MaLes...
Trus gue cari tahu caranya untuk memotong tampilan postingan pada home page dengan link "read more", nah dari mbah google gue dapet cara ampuh pake otak-atik copas HTML code, ribet men, tapi ternyata jadi bikin masalah ke new page yang gw bikin "me, my self and I" ternyata di page ini link read more nya gak men-direct ke halaman utuhnya man... jadinya MASALAH... dan gue cari solusi ternyata gak nemu...

Jadi Bagaimana Langkah-langkah Cara Mudahnya???

akhirnya gue dapet info, ternyata ada cara gampang buat memotong panjang postingan sesuai keinginan kita dan bisa berbeda-beda untuk setiap postingan... dan gue balikin HTML ke semula...gue coba menerapkan cara yang ternyata namanya "Jump Break", jauh lebih mudah dan fleksibel yang tersedia di blogger sendiri...

Contoh tampilan posting dengan link read more:

Contoh tampilan posting dengan "Jump Break"

Dan begini cara membuat atau mengaktifkan fitur "Jump Break" pada postingan  blog:
1. Login ke blogspot lo tentunya,
2. Buka halaman New Post untuk membuat postingan baru,
3. Mulai buat deh tulisan lo,
4. Nah, kalo tulisan lo udah selesai tinggal tentukan mau dibagian mana lo pengen tulisan tersebut dipenggal dengan link "read more", letakkan kursor tepat diantara batas paragraf yang mau dipenggal tersebut,

Letakkan kursor diantara batas paragraf yang akan dipenggal

5. Setelah itu tinggal click icon dengan gambar selembar kertas tersobek untuk aktifkan "jump break" pada tulisan itu, pada toolbar

Tampilan setelah 'Jump Break' diaktifkan

6. Maka akan ada batas garis titik-titik sebagai tanda batas tampilan postingan. Setelah yakin tulisan lo rampung. Click Publish Post. 

7. Selesai

Nah, bahkan kalo lo mau ubah link "Read More" dengan kata lain seperti "Lanjutkan Baca" atau "Ke Postingan Penuh" atau lainnya yang lo mau. Caranya juga mudah kok,

1. Masuk di menu Design,
2. Pilih Page Elements,

Contoh tampilan letak Blog Post pada Page Element:

Design - Page Element - Blog Post

3. Klik Edit pada Blog Posts,

4. Pada kotak Post Page Link Text, ganti tulisan "Read More" sesuai dengan kata perintah yang lo mau.

Contoh tampilan Blog Post Edit:

Post Page Link Text

5. Klik Save.

Perbedaan format jump break yang menggunakan copas HTML dan yang menggunakan icon dari Blogger??


Memang dengan cara kedua ini dapat jauh lebih mudah, namun perbedaannya adalah dengan ini kita hanya bisa memotong bagian tertentu dari panjang keseluruhan isi blog pada suatu postingan dan bisa digunakan pada masing-masing posting secara berbeda sesuai keinginan serta.
Sedangkan dari mbah Google, ada beberapa versi yang ditawarkan dari beberapa Blog. Secara umum dengan copas HTML berarti settingan tentunya berlaku sama (pukul rata) untuk setiap postingan pada blog kita, baik jumlah kata, panjang tampilan, dll. Keunggulannya dengan format ini terdapat tampilan thumbnail (foto tampilan) pada setiap pemotongan postingan di Home Page.

Gimana-gimana... gampangkan?? oke selamat mencoba ya, semoga tulisan gue ini bisa berguna untuk para blogger pemula yang masih meraba-raba cara otak-atik blog model kayak gue gini. hehe... HAPPY BLOGGING... 

Key words: cara mengatur tampilan read more cara mudah menggunakan fitur jump break cara mudah membuat format read more pada postingan blog cara mudah membuat tulisan read more cara mudah memenggal atau memotong tampilan postingan pada home page