Cara Membuat Read More (Versi 2)

Sebenarnya pembuatan read more (baca selengkapnya) ini sudah pernah saya bahas pada postingan saya kemarin. Akan tetapi pembuatannya mungkin sedikit agak ribet karena harus menyisipkan dua kali kode. Untuk itulah dalam tutorial kali ini saya akan mengajak anda membuat read more yang lebih praktis lagi.

     Dalam postingan tutorial kali ini anda cukup menyisipkan satu kali kode. Langsung saja berangkat gan...

1. Login seperti biasa di blog anda. (Dengan aku anda sendiri tentunya,hehe...)

2. Klik Tata Letak kemudian klik Edit HTML, setelah itu download lengkap template anda. (Hal ini bertujuan apabila ada kesalahan dalam pengeditan template anda, anda tinggal menguploadnya lagi).

3. Beri tanda centang pada expand widget template, tunggu sampai prosesnya selesai.
4. Cari kode seperti berikut.

<data:post.body/>

     atau

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

     kedua kode di atas sama saja.

7. Hapus kode tadi, lalu ganti dengan kode di bawah ini

<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'>Read more... </a>
</b:if>

8. Klik Simpan Template

     Untuk selanjutnya kita tinggal mengatur format posting, caranya sebagai berikut.

1. Klik Pengaturan kemudian klik Format.

2. Lalu copy kode berikut, kemudian letakkan (paste) pada area posting.

<div class="fullpost"></div>

3. Klik Simpan Template

      Cara postingnya seperti berikut.

• Ketika anda klik Posting, maka secara otomatis pada area posting akan ada kode seperti ini.

<div class="fullpost"></div>

• Untuk posting anda tinggal menulis postingan awal anda sebelum kode tersebut, kemudian untuk postingan selanjutnya anda tulis aja diantara kode <div class="fullpost"> dan </div>.

Contoh bisa anda lihat di bawah ini.

Postingan awal<div class="fullpost">Postingan selanjutnya (lanjutan postingan awal)....</div>

     Langkah selanjutnya silakan dicoba. emoticons

Info lebih lanjut hubungi dokter... (dokter blog kalo ada)

0 Comments:

Blog ini "DOFOLLOW", Silakan tinggalkan komentar anda, bebas tapi sopan. Tidak kami anjurkan untuk mencantumkan link pada komentar serta memakai nama Anonymous.

Komentar yang bernada SPAM atau SARA akan kami hapus.

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))