Cara Buat Read More di Blogger Beta

Bila anda adalah seorang pengelola blog baru (seperti saya) maka anda pasti mengalami masalah dengan tampilan posting yang terlalu panjang. Pembaca harus melakukan scroll untuk membaca tulisan lengkap anda. Ini akan menyebabkan posting sebelumnya berada terlalu di bawah, dan tampilan blog terlalu panjang. Untuk mengatasi hal itu anda cukup memberikan pengantar pada bagian halaman depan. Jika pengunjung ingin membaca tulisan selengkapnya, maka ia harus mengklik tulisan read more. Cara membuatnya adalah sebagai berikut :


1. Buka template -> Edit HTML -> Kasih tanda tik pada menu “expand widget tempate”


2. Paste script berikut di atas kode </head>


<b:if cond=’data:blog.pageType == “item”‘>

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

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

<b:else/>

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




3. Letakkan script berikut di bawah kode <div class=’post-body’>


<a expr:href=’data:post.url’>Read More .. </a>

</b:if>

Kata Read More dapat diganti dengan kata yang lain

4. Klik Simpan/Save

5. Klik SETTINGS/Pengaturan, terus klik FORMATTING atau Format. Di
paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi
kotak kosong tersebut dengan script berikut:

<span class=”fullpost”>

</span>

Setelah itu save

Cara Memposting

Ketika memposting, klik EDIT HTML. Maka, akan muncul script berikut:


<span class=”fullpost”>

</span>

Letakkan posting yg akan ditampilkan di halaman depan di atas kode
sementara sisanya (yakni keseluruhan entry), letakkan di antara kode


<span class=”fullpost”>

dan

</span>

Nah Jadi deh settingnya. Selamat mencoba ya. Good Luck