Sebuah artikel yang panjang akan banyak memakan tempat di halaman utama sebuah blog, sehingga artikel lain yg ditulis sebelumnya akan jarang dibaca. Jika Anda ingin postingan Anda yang ditampilkan dihalaman utama hanya abstraksinya saja kemudian ada sebuah link Read More yang akan menuju postingan Anda apabila link tersebut di klik.
Ikuti langkah-langkah berikut untuk membuat read more:
1. Login ke blogger.com
2. Klik menu Layout kemudian pilih Edit HTML
3. Klik pada kotak Expand Widget
4. Cari kode </head> copy paste kode di bawah ini tepat di atasnya
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
5. Kemudian cari kode <data:post.body/> copy paste kode di bawah ini tepat di bawahnya
<b:if cond='data:blog.pageType != "item"'>
<span style='font-weight:bold;'><a expr:href='data:post.url' target='_blank'>
<div style='float:right'><br>Read More...</br>
</div>
</a>
</span>
</b:if>
<span style='font-weight:bold;'><a expr:href='data:post.url' target='_blank'>
<div style='float:right'><br>Read More...</br>
</div>
</a>
</span>
</b:if>
Anda bisa merubah :
Warna Ungu : berfungsi untuk membuka postingan Anda pada tab baru, bisa dihilangkan kalau Anda tidak menyukainya.
Warna Biru : berfungsi agar Readmore Anda rata ke kanan, Anda juga bisa menggantinya dengan right atau center
Warna Kuning : Tulisan Readmore yang bisa diganti sesuai keinginan Anda
6. Simpan hasil pengeditan
7. Kemudian pilih menu Setting lalu klik Formatting
8. Cari kode Post Template isikan kode berikut:
<span class="fullpost">
</span>
10.Untuk peletakan kode pada postingan Anda: batas postingan yang mau Anda potong <span class="fullpost"> sisa postingan Anda sampai habis </span>
11. Selesai
Good luck
0 komentar:
Post a Comment