Like us on Facebook

Selasa, 18 Mei 2010

Hadi Yanuar

Cara Membuat Readmore pada Blogger

Sebenernya ini cuman berbagi saja, soalnya biasanya kan kalau di sebuah website or blogger itu ada kata Readmore... Nah, itu dia yang ingin aku kasih ke My Blog, soalnya postingan aku panjang kebawah. kaya ular dech ^^.

Ok sudah cukup basa-basi nya.
Sedikit penjelasan tentang Read more!(Sok tahu): Biasanya postingan terbaru di blogger akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat halaman utama menjadi penuh . Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka. sekarang mari kita bahas step by step ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"

3. Cari kode berikut ini
<div class='post-body entry-content'>

kalo sudah ketemu maka dibawahnya ada kode ini :
<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode yang ini <p><data:post.body/></p>
menjadi seperti ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'>Read More</a>
</b:if>

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">

</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan yang "Compose" dan "Edit Html", kamu pilih Yang "Edit HTML", Maka secara otomatis akan terlihat kode seperti berikut ini :
<span class="fullpost">

</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama
utama diatas kode ini :
<span class="fullpost">
sementara sisanya yaitu keseluruhan posting letakkan di atas kode
</span>
11. selesai deh..... selamat mencoba........


Peace Man ^.^







Hadi Yanuar

About Hadi Yanuar -

Author Description here.. Nulla sagittis convallis. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.

Subscribe to this Blog via Email :