Langkah-langkah Membuat Read More Otomatis tanpa Java Script

Langkah-langkah Membuat Read More Otomatis tanpa Java Script

Terkadang ketika kita berkunjung ke blog orang lain, blog mereka terasa tersusun rapi dan terkadang juga ingin seperti mereka. Iri itu sebenarnya tidak baik akan tetapi iri untuk kebaikan bisa diperbolehkan untuk memaju diri kita pribadi. Pada kesempatan ini saya akan menulis sebuah artikel tentang Langkah-langkah Membuat Read More Otomatis tanpa Java Script.

Langkah / Cara Membuat Read More Otomatis Tanpa Javascript

1. Bukalah Akun Blog anda yang sebenarnya (jangan blog orang lain) bila anda memiliki banyak blog dalam satu akun, silahkan pilih salah satu blog saja. 

2. Pilih Elemen Template, kemudian lanjutkan dengan klik Edit HTML

3. Lalu cari kode ]]></b:skin>, untuk mempermudah silahkan menggunakan ctrl+f

4. Copy / salin kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>

.post-thumbnail{float:left;margin-right:20px}

5. Jangan beranjak dulu, masih seoutar edit HTML. 

6. Cari kode <data:post.body/> apabila sudah ketemu silahkan Copy kode di bawah ini. 

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

7. Setelah di copy, gantilah kode <data:post.body/> dengan kode yang barusan di copy.

8. Selesai. Simpan template blog anda.

9. Lihat hasilnya.

Demikianlah Cara Membuat Read More Otomatis Tanpa Javascript, apabila anda sudah menggunakan Template yang dinamis, abaikan saja ini. Semoga bermanfaat yah. Selamat mencoba. Salam blogger.