Membuat Read More pada blog

Hallo sobat blogger, kali ini saya akan coba menuliskan tips Membuat READ MORE pada blogspot. Mungkin tulisan yang kita posting akan lebih tampil sedikit dimuka halaman blog kita, dan itu akan membuat blog kita sedikit lebih rapih dan membuat pembaca penasaran. Karena memang itulah tujuan membuat read more. Tapi juga harus di dukung oleh Headline atau judul yang boombastis, sehingga orang terbawa untuk membaca kelanjutan dari postingan kita atas dasar rasa penasaran yang timbul dari headline atau Judul tersebut.

Ok kita langsung aja membuat read more, dalam hal ini kita harus melewati beberapa tahap. yuk kita langsung mengikuti tahap-tahapnya dibawah ini :

Langkah 1 : login ke ID blogger kamu, setelah masuk ke dasboard silahkan klik button Layout.

Langkah 2 : Pada langkah ini silahkan kamu copy script dibawah :

<span class="fullpost"> </span>

Langkah 3 : Setelah mengcopy script diatas, sekarang kamu masuk ke Formatting (pengaturan). Terus kamu Paste dikolom "Post Templates". Kemudian kamu klik Save

Langkah 4 : Pada langkah ini kamu pilih Layout. Setelah terbuka halaman layout klik Edit HTML . Kemudian checklis kotak Expand Widget Templates, eit tunggu dulu, sebelum ketempat yang paling dalam, ada baiknya kita klik Download Full Template, untuk mengantisipasi kekeliruan yang tidak diinginkan. jadi kalau ada kesalahan dalam mengedit HTML ini, kamu masih bisa kembali ke awal dengan script yang kamu download tadi.

Langkah 5 : Setelah mendownload selesai dan kotak Expand Widget Templates sudah kamu checklis, sekarang cari script seperti dibawah ini :

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

<data:post.body/>

Sebenarnya keduanya sama saja, tapi silahkan kamu cari salah satu script diatas dalam HTML blog kamu. untuk memudahkan menemukan script diatas coba kamu tekan Ctrl + F, kalau udah muncul panel "Find" dibagian bawah. sekarang kamu ketik script diatas dan klik Next atau Previous.

Langkah 6 : Kalau sudah ketemu, silahkan kamu hapus script diatas kemudian ganti dengan script dibawah ini :

<b:if cond="'data:blog.pageType"><style>.fullpost{display:inline;}</style><p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/><a href="'data:post.url'"><strong>Read More...</strong> </a></p> </b:if>

Langkah 7 : Tahap ini adalah langkah terakhir, silahkan klik Save Templates

Selesai.

Cara Posting : Saat kamu klik new post akan secara otomatis muncul script :

<span class="fullpost"> </span>

Untuk tulisan pertama kamu harus mengetiknya sebelum

<span class="fullpost">

Kemudian untuk tulisan selanjutnya ketiklah setelah script

<span class="fullpost">

dan sebelum

</span>

akhirnya selesai juga menulis tutorial ini, Semoga saja bisa bermanfaat untuk semua yang ingin memerlukan Read More pada blognya. Semoga berhasil ya... sukses selalu bloggers.