Cara Membuat Read More di Blogger

Read more ternyata sangat di perlukan dalam memposting di blognya agar tampilan blog anda dapat terlihat lebih ringkas dan tidak terlalu penuh dengan postingan yang anda buat,apabila artikel yang akan anda posting terlalu panjang.Berikut adalah cara-caranya :


Pertama,buka blogger milik anda.
Lalu pilih Tata Letak,lalu Edit HTML.
Beriakan tanda checklist pada checkbox "expand widget tempate".Lalu masukkan code berikut :

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

kedalam kode template anda tepat sebelum tanda

</head>

Lihat Gambar 1 :



Selanjutnya cari code seperti ini :

<p><data:post.body/></p>

Lalu letakkan kode berikut :

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

Letakkan kode tersebut di dalam kotak berwarna merah setelah kode di dalam kotak berwarna biru.Seperti Gambar 2:


Setelah itu jangan lupa save settingan template yang sudah di edit tadi.Kemudian kita masuk ke Pengaturan blog dan pilih Format.
Di paling bawah ada text field dari Templat Entri.Di tempat tersebut tulis code berikut :

<span class="fullpost">
</span>

Gambar 3 :


Ketika memposting, klik EDIT HTML (bukan COMPOSE). Maka, secara otomatis akan tampak kode

<span class="fullpost">
</span>

Ketik bagian pertama artikel anda tepat di atas kode.Dan sisa dari artikel anda taruh diantara kode tersebut.
Jangan lupa menyimpan terlebih dahulu semua pengaturan.
Selamat Mencoba.

Posted in: Komputer, Website