Artikel ini khusus untuk bloger pemula ya? Untuk bloger senior maaf ya?
Disini saya akan sharing tutorial cara mudah membuat readmore otomatis sehingga blogger pemula sekalipun bisa membuatnya.
Read more adalah penggalan dalam sebuah artikel, biasanya hanya menampilkan beberapa kalimat saja dan biasanya di tandai dengan kata “READ MORE”, “BACA TERUSANNYA”, ”LANJUTKAN MEMBACA”, dll.
Manfaat readmore juga untuk mempersingkat artikel yang panjang, jadi postingan artikel anda akan tersusun rapi dengan hanya menampilkan beberapa baris kalimat saja. Sehingga dengan demikian
template blog anda akan menjadi lebih SEO Friendly dan ringan.
Langkah / Cara Membuat Read More Otomatis Tanpa Javascript
1. Buka dan login ke akun Blog anda
2. Pilih Elemen Template, kemudian lanjutkan dengan klik Edit HTML
4. Lalu cari kode ]]></b:skin>, untuk mempermudah silahkan menggunakan ctrl+f
5. Copy / salin kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>
.post-thumbnail{float:left;margin-right:20px}
6. Tes dengan klik pratinjau template anda, kalau tidak ada error lanjutkan dengan
7. Cari kode <data:post.body/> apabila sudah ketemu silahkan diganti dengan code dibawah ini
<!-- ReadMore http://tutorial.subanul.com -->
<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'>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<!--Auto Read More Akhir-→
8. Selanjutnya sebelum di save coba di tes dulu dg klik pratinjau, kalau tidak ada error silahkan di save
9. Silahkan dilihat hasilnya
Demikianlah Cara Membuat Read More Otomatis, apabila anda sudah menggunakan Template yang dinamis, abaikan saja ini. Semoga bermanfaat yah. Selamat mencoba.
Anda Telah Membaca artikel CARA MUDAH MEMBUAT READ MORE OTOMATIS DI BLOG, Baca Juga Artikel Berikut
|
|
Tobi
