membacalah1

cara tips membuat read more keren di blogspot dan biar friendly ke google seo

Cara Membuat Read More Otomatis Tanpa Javascript
Read More atau baca Selanjutnya dibuat agar tampilan blog terlihat lebih rapi dan elegan. Tujuannya agar tampilan bloh ketika pertama kali dibuka bisa terlihat banyak cuplikan artikel. (Baca disini Cara mempercantik Blog). Dengan begitu, pengunjung bisa melihat cuplikan-cuplikan yang ada di dalam blog kita dan memilihnya satu persatu. Perlu diketahui, bahwa cara membuat read more dibedakan menjadi dua, yaitu read more otomatis dan manual.

cara membuat read more biar friendly ke google seo


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.