Langkah / Cara Membuat Read More Otomatis Tanpa Javascript
Untuk mempercantik tampilan halaman blog perlu kita ringkas setiap berita yang kita terbitkan. Berikut ini langkah-langkah tersebut
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 != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <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.
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 != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <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.
No comments:
Post a Comment