MEMBUAT READMORE PADA BLOG

Mungkin rekan blogger yang baru mulai membuat blog masih bingung apa itu readmore? Readmore adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan halaman posting biasanya ditandai dengan "Read More", "Next", "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya" atau apalah namanya.

Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutan, dan juga berguna mempersingkat halaman posting yang panjang. Pengen tau cara buatnya?

Untuk membuat readmore ikuti langkah dibawah ini :

Langkah 1 : log in ke blogger

Langkah 2 : plih tata letak

Langkah 3 : edit HTML, berikan centang pada " Expand widget template "

Langkah 4 : Jangan Lupa backup blogger dengan mengklik " dowlnoad template lengkap "

Langkah 5 : Cari kode dibawah ini:

<div class='post-header-line-1'/> 

<div class='post-body'> 

NB : untuk

mempermudah pencarian kode diatas sebaiknya ikuti tips berikut ini. Pertama kamu buka program text editor, misalnya notepd.exe (pada MS Windows tekan menu Start => Program => Accesories => Notepad) kemudian copy pastekan kode HTML tadi ke notepad, lalu pada notepad pilih menu Edit => Find. Pada box find masukkan kode dibawah ini

<div class='post-header-line-1'/>

kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual), jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode diatas.

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

Kemudian dibawah kode diatas kita akan menemukan

<p><data:post.body/></p>

Lakukan Copy-Paste kode dibawah ini dibawah code diatas

<a expr:href='data:post.url'>Readmore =>></a>

</b:if>

Nb : Kode Readmore =>> diatas bisa ganti dengan kalimat sendiri contoh "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya")

Kode

selengkapnya jika dilihat akan tampak sebagai berikut:

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Readmore =>></a>

</b:if>

<div style='clear: both;'/>

Jika kita mengedit langsung pada halaman blogger Edit HTML dan semua kode diatas sudah dilakukan perubahan, jangan lupa disimpan ya :) 

Ini jika kita menggunakan Text Editor Notepad : Setelah melakukan pengeditan kode pada notepad, lalu hapus semua kode yang ada pada halaman edit blogger, kemudian masukan seluruh kode pada notepad tadi dengan cara copy/paste) Sampai disini pengeditan kode selesai, jangan lupa disimpan.

Langkah 6 : Setelah

kode diatas disimpan kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini

<div class="fullpost">

</div>

Jangan lupa disimpan.

Langkah 7 : Disini saya akan menjelaskan cara penggunaan readmore pada halaman posting. Ketika kita melakukan posting pertama kali kita akan melihat kode:

<div class="fullpost">

</div>

ingat jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya.

Sebagai contoh lihat cuplikan kalimat

dibawah:

Pilih komunitas yang sesuai dengan situs web anda. Intinya, anda harus menyesuaikan situs web anda dengan komunitas anda. Agar, anda tidak salah alamat. Bergabung dengan orang-orang yang memiliki minat sama tentu lebih mudah daripada anda bergabung dengan orang berminat berbeda. (Disini rencana yang akan di penggal) Misal, orang-orang yang suka teknologi biasa berkumpul di Digg, sedang mereka yang suka membahas politik lebih suka nongkrong di propeller. Dari komunitas ini anda bisa menggali apa konten yang paling tepat untuk komunitas anda? Ke mana arah minat mereka? Penawaran apa yang paling cocok?

Bagaimana cara pemenggalan kode diatas? caranya tinggal kamu lihat 2 kode pemenggalan kalimat dibawah (ingat kode hanya bekerja pada halaman editor posting)

Pilih komunitas yang sesuai dengan situs web anda. Intinya, anda harus menyesuaikan situs web anda dengan komunitas anda. Agar, anda tidak salah alamat. Bergabung dengan orang-orang yang memiliki minat sama tentu lebih mudah daripada anda bergabung dengan orang berminat berbeda.<div class="fullpost"> Misal, orang-orang yang suka teknologi biasa berkumpul di Digg sedang mereka yang suka membahas politik lebih suka nongkrong di propeller. Dari komunitas ini anda bisa menggali apa konten yang paling tepat untuk komunitas anda? Ke mana arah minat mereka? Penawaran apa yang paling cocok? </div>

Hasil postingan pada halaman browser akan tampil sebagai berikut:

Pilih komunitas yang sesuai dengan situs web anda. Intinya, anda harus menyesuaikan situs web anda dengan komunitas anda. Agar, anda tidak salah alamat. Bergabung dengan orang-orang yang memiliki minat sama tentu lebih mudah daripada anda bergabung dengan orang berminat berbeda. Readmore =>>

Selamat mencoba