:
Responsive Banner design

Recent Posts

Home » » Cara Membuat 'Baca Selengkapnya' di Blog

Cara Membuat 'Baca Selengkapnya' di Blog

Apa Gunanya Link baca selengkapnya??? yaitu berguna untuk memotong artikel postingan kita ketika tampil di halaman utama sebuah blog. Dengan adanya link ini maka artikel yang akan tampil dihalaman depan akan lebih menghemat halaman agar tidak ter lalu panjang. Ya, kira-kira begitulah penjelasannya. Tertariak dengan Artikel ini????

Baiklah, kita langsung saja praktek bagaimana caranya, yaitu:

1. Kamu login dulu di blog kamu.
2. Kalau sudah klik layout lalu klik edit HTML
3. Jangan lupa centang tulisan "expand widget template"
4. cari kode dibawah ini (biar cepat pake CTRL+F)

<div class='post-body entry-content'>

Kalau dah ketemu, dibawahnya kan ada kode yang ini:

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

5. kalau Sdh ketemu, ganti kode itu dengan kode dibawah 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'>Baca selengkapnya......</a>
</b:if>

6. Lalu jangan lupa di simpan
7. Kalau udah disimpan pilih menu setting/pengaturan lalu pilih formatting/format
8. Pada kotak post template isikan kode dibawah ini:

<span class="fullpost">

</span>

9. Kemudian simpan
10. Nah, ini bagian sulitnya. Ketika kita memposting, Di situ ada dua tab, yaitu Tulis dan Edit HTML, kamu pilih yang Edit HTML, di situ secara otomatis akan tampak kode seperti ini:

<span class="fullpost">

</span>

Nah, Letakan sebagian atikel yang akan ditampilkan di halaman utama yaitu sebelum tulisan "Baca Selengkapnya,..." Diatas kode span class="fullpost"> Kemudian sisa artikel kamu letakan di antara kode span class="fullpost">dan kode </span>.

Nah, begitulah caranya ya, kalu belum berhasil kamu coba aja lagi.
Semoga Berhasil.

0 comments:

Posting Komentar

Followers