Langkah Membuat ReadMore di Blog
Pada saat pertama membuka halaman blog, yang ditampilkan biasanya postingan terbaru kita. Tetapi bagaimana jika suatu postingan tersebut adalah postingan yang panjang? Tentunya halaman utama blog terlihat penuh. Apalagi bila pengaturan format tampilan blog dibuat sampai beberapa postingan, yang tentu saja membuat pengunjung blog merasa kurang nyaman untuk mencari postingan yang sebelumnya.
Jika kita ingin agar suatu postingan di blog yang ditampilkan pada halaman utama tersebut hanya ringkasannya saja, kita bisa mengaturnya dengan menambahkan ReadMore di template kita. Mungkin bagi master blog telah paham dengan hal ini, namun tidak ada salahnya saya mengarsipkannya kembali disini sebagai bahan referensi dan arsip saya. Tips ini saya peroleh dari mas kendhin. Untuk membuat ReadMore tersebut, langkah-langkahnya seperti ini :
Untuk memudahkan dalam mencari, gunakan tombol control F dan copy kode diatas pada kotak pencarian.
Demikian cara membuat ReadMore di Blogspot sebagai arsip saya hari ini.
Jika kita ingin agar suatu postingan di blog yang ditampilkan pada halaman utama tersebut hanya ringkasannya saja, kita bisa mengaturnya dengan menambahkan ReadMore di template kita. Mungkin bagi master blog telah paham dengan hal ini, namun tidak ada salahnya saya mengarsipkannya kembali disini sebagai bahan referensi dan arsip saya. Tips ini saya peroleh dari mas kendhin. Untuk membuat ReadMore tersebut, langkah-langkahnya seperti ini :
- Login ke dalam blog terlebih dahulu
- Pada halaman dasbord, pilih menu tata letak, dan pilih Edit HTML
- Beri tanda centang pada bagian expand widget template
- Kemudian cari kode HTML dibawah ini :
<p><data:post.body/></p>
Untuk memudahkan dalam mencari, gunakan tombol control F dan copy kode diatas pada kotak pencarian.
- Jika sudah ketemu, gantilah kode tersebut dengan kode dibawah ini :
- Simpan hasil pengeditan itu. Nah, untuk tulisan Read More...... dapat kita ubah sesuai keinginan kita. Misalnya Baca Selengkapnya atau Read Full Post atau yang lainnya.
- Setelah semuanya disimpan, langkah selanjutnya adalah masuk ke menu pengaturan/setting lalu pilih format.
- Cari bagian kotak Template Posting/Post Template, dan isikan kode berikut di kotak tersebut :
- Simpan hasil pengaturan kita.
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
<span class="fullpost">
</span>
</span>
Pada saat akan membuat suatu posting, di halaman Entri Baru kita pilih Edit HTML bukan yang Compose. Di halaman itu, secara otomatis akan terdapat kode seperti yang telah kita letakkan pada kotak Template Posting/Post Template, yaitu :
<span class="fullpost">
</span>
</span>
Nah, jika kita ingin menulis suatu postingan, pada halaman Entri Baru, letakkan tulisan yang ingin ditampilkan sebelum kode <span class="fullpost"> dan tulisan yang ingin disembunyikan diletakkan diantara kode <span class="fullpost"> dan </span>. Ilustrasinya kurang lebih seperti ini:
Tulisan yang ditampilkan
<span class="fullpost">
Tulisan yang disembunyikan
</span>
<span class="fullpost">
Tulisan yang disembunyikan
</span>
Demikian cara membuat ReadMore di Blogspot sebagai arsip saya hari ini.
makasih infonya
Hello! Do you know if they make any plugins to assist with Search Engine Optimization? I'm trying to get my blog to rank for some targeted keywords but I'm not seeing very good results. If you know of any please share. Many thanks!
baru kali ini nih gan aku ngebaca artikel yang sangat bagus,ditgu ya yg artikel selanjutnya..!!
Nice post gan, sangat membantu