Kamis, 09 Desember 2010

Cara Membuat Read More/Baca Selanjutnya di Blogger dan Wordpress

Suatu posting utuh yang memakan tempat terlalu panjang di halaman utama terkadang membuat pengunjung merasa tidak sabar. Padahal mereka ingin segera melihat daftar posting yang lain di bawahnya. Pengunjung tidak mau tahu tentang hal ini, walaupun mungkin di sidebar halaman tersebut terdapat ruang navigasi untuk daftar posting, kategori, dan lain-lain yang bisa membawa pengunjung ke judul posting atau topik yang lain. Namun, tidak semua pengunjung dapat memperhatikan fitur tersebut. Hal ini membuat banyak posting kita yang lain tak 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.

Nah untuk menyelesaikan masalah ini, dibuatlah link readmore yang nantinya akan membawa pengunjung ke halaman posting seutuhnya setelah mereka membaca beberapa baris kalimat di bawah judul posting itu.
Saat ini membuat readmore/baca selanjutnya sangatlah mudah, baik di blogger maupun di wordpress

Membuat readmore di blogger (Fitur original bawaan Blogger, tanpa hack)
Di halaman posting baru/new post, ada beberapa panel pengatur tulisan seperti font, font size, alignment, font color, background color,  dan lain-lainya, salah satu diantaranya lagi adalah ‘jump break’. Panel inilah yang berfungsi sebagai pembatas posting anda di halaman utama dan akan memunculkan readmore. Letak tepatnya ada di kolom panel yang berisi ‘Link’, dan seterusnya. ‘Jump Break’ berada di posisi paling kanan dari kolom panel tersebut, tampilan visualnya adalah seperti gambar kertas berwarna biru muda dan terbagi menjadi dua. Klik gambar tersebut dan akan muncul kotak pipih panjang berwarna abu-abu. Anda dapat menggesernya sedemikian rupa untuk diletakkan di baris yang anda inginkan

Membuat readmore di WordPress
Pada halaman tulisan/writing, diatas kolom tempat ada menulis posting, di bagian kanan terdapat dua menu tab, yaitu ‘visual’ dan html’. Pilihlah tab html. Kemudian klik “more” yang terletak di bagian pojok kanan atas di deretan panel-panel editor html. Kemudian akan muncul <!--more--> dalam kotak posting anda. Letakkan tulisan yang ingin ditampilkan di halaman utama diatas tanda tersebut, dan sisanya letakkan di bawahnya.

Secara manual anda dapat menyisipkan kode <!--more--> itu sendiri di bagian post yang ingin anda potong. Lakukan cara ini melalui editor HTML di menu posting.

Note for Blogger/Blogspot:
Untuk membuat Auto readmore secara otomatis tanpa harus membuatnya setiap kali posting, lihat: Cara Membuat/Memasang Auto Readmore di Blogger/Blogspot (With Thumbnails).

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Modern Warfare 3