Minggu, 28 Juli 2013

Cara Mudah Membuat Read More Otomatis Tanpa Javascript

Kebanyakan blogger membuat auto
read more menggunakan java script. Hal itu bisa memperberat blog
tersebut. Apalagi jika koneksi internetnya lelet, bisa-bisa fitur java
script browsernya didisable. Saya sudah coba cara ini dan berhasil.
Sehingga muncul read more otomatis pada  isi label. Biasanya
berhasil sebatas di home pagenya saja.

Simak caranya sebagai berikut :
1. Login ke blogger, pilih salah satu blog

2. Pilih Template, lanjutkan ke Edit HTML

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

4. Masukkan kode ini diatas kode ]]></b:skin>

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

5. Lalu cari kode <data:post.body/> (biasanya jumlahnya
ada tiga, pilih yang kedua) dan ganti dengan kode dibawah 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>

6. Lalu Simpan Template

Good Luck !!!

Sumber :
http://blogmashanif.blogspot.com/2013/06/cara-membuat-read-more-otomatis-tanpa-javascript.html

Tidak ada komentar:

Posting Komentar