MpuTantularBlog

Cara Membuat Read More Otomatis - Ketika membuat blog baru, biasanya tampilan blog masih biasa-biasa saja. Artinya kita masih menggunakan tampilan blog yang diberikan oleh Blogger sendiri. Seiring dengan waktu, muncul kebosanan dan ingin menggantinya dengan yang lain. Ada yang menggunakan template yang dinamis, atau mengutak-atik tampilan blog sesuai keinginan.

Cara Membuat Read More Otomatis Tanpa Javascript inilah yang akan kita paparkan disini. Cara ini tidak menggunakan situs pihak ketiga, karena langsung masuk ke script HTML blog kita. Menggunakan cara ini ada manfaatnya, dimana template blog anda akan menjadi lebih SEO Friendly dan ringan. Cara atau trik ini kita akan memanfaatkan kode yang digunakan oleh tampilan mobile blogspot, yaitu post snippet. Oleh karena itu, dalam script HTML blog kita, dilakukan penambahan kode. Ikuti beberapa langkah di bawah ini.

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, apabila anda sudah menggunakan Template yang dinamis, abaikan saja ini. Semoga bermanfaat yah. Selamat mencoba. Salam blogger.