Cara Membuat Readmore Otomatis

ok kali ini admin duniabloging76 akan share sebuah artikel yang sangat bermanfaat untuk para pengunjung di sini

Cara membuat readmore otomatis adalah sebuah langkah sederhana yang dapat dilakukan ketika kita ingin membuat sebuah blog yang hanya menampilkan beberapa deskripsi (dibatasi jumlah karakter) pada halaman depannya. Teknik membuat readmore seperti ini biasa kita jumpai pada portal berita.





Untuk membuat readmore otomatis kita hanya memerlukan beberapa langkah saja sehingga bisa dipastikan hampir semua netter bisa mengaplikasikannya. Jika masih penasaran dengan penjelasan tersebut diatas, ikuti saja langkah-langkah berikut ini.


Cara Membuat Readmore Otomatis

1. Login kedalam akun blog
2. Pilih menu template
3. Klik Edit HTML
4. Cari kode <data:post.body/> >> sekitar ada > 4 tulisan kode tersebut >> hapus dan ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

karena jumlah kode <data:post.body/> lebih dari satu maka kita perlu melakukan beberapa trial-error sampai kode tersebut diatas berhasil diaplikasikan di dalam blog

5. Cari kode ]]</ b: skin> dan letakkan kode CSS berikut tepat diatasnya,

.thumb img { float: left; margin: 0 10px 10px 0; }

kode CSS ini berfungsi memberikan jarak antara thumbnail gambar dengan tulisan.

6. Simpan >> Selesai