Cara Membuat Read More atau Baca Selengkapnya Pada Postingan Blog Part 2

Kalau kemarin aku sudah postingkan cara membuat readmore pada blog baru, ini aku postingkan lagi cara lain untuk membuat readmore. Siapa tahu jika kemarin anda gagal sekarang anda bisa mencoba dengan cara ini :

1. Yang jelas anda buka dulu account blogger anda, pada dashboard pilih layout
2. Buka template –> edit HTML
3. Kasih tanda tik/cek menu “expand widget template”
4. Cari kode berikut di TEMPLATE blog Anda:

<div class='post-header-line-1'/>
<div class='post-body'>

5. Kalau sudah ketemu, letakkan kode berikut DI bawah kode html di atas

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

6. Di Bawah kode di atas ada kode html sebagai berikut :

<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Selanjutnya diantara kode

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

dan kode

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Silakan pasang kode berikut

<a expr:href='data:post.url'>Read More .. </a>
</b:if>

8. adi, susunan kode html di template setelah ditambah dg kode Read More akan menjadi seperti ini (yg warna biru adalah kode tambahan untuk Readmore, sedang kode warna hitam adalah kode asli template):

<div class='post-header-line-1'/><div class='post-body'>

<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>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

Klik Simpan Template. Selesai.

9. Klik Setting atau Pengaturan, selanjutnya klik Formating atau Format. Di paling bawah ada kotak kosong di samping menu Template Posting. Pad kotak tersebut pastekan kode berikut:

<span class="fullpost">

</span>

Jangan lupa klik Simpan Pengaturan

Cara Memposting

Ketika memposting, klik Edit Html. Maka, secara otomatis akan tampak kode

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


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

<span class="fullpost">

dan

</span>

Selamat mencoba

0 comments:

Post a Comment