Cara membuat tampilan Read More pada Postingan

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

Setting kode HTML :

1. Masuk ke Account blogger sobat.
2. Pilih Tata Letak => Edit HTML.
3. Silahkan save dulu template tersebut, ini untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
4. Klik / Beri tanda centang Tulisan "expand widget template" yang ada diatas kanan kolom edit HTML. ( Tunggu beberapa saat ketika proses sedang berlangsung )

5. Lalu Cari Kode :

<data:post.body/>

Atau kode dibawah ini ( Sama saja )

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

6. Hapus kode diatas lalu ganti dengan kode dibawah ini.

<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/>
<a expr:href='data:post.url'><strong>Baca Selengkapnya...</strong></a></p>
</b:if>

7. Klik tombol simpan dan selesai


Setting Format :


1. Klik Pengaturan.
2. Klik Format.
3. Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :

<span class="fullpost">




</span>

4. Klik tombol Simpan Pengaturan


Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.


Cara posting artikel :


1. Klik menu Posting.
2. Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :

<span class="fullpost">




</span>

3. Tuliskan artikel yang ingin tampak didepan / tidak disembunyikan pada blog sebelum kode dibawah ini :

<span class="fullpost">

4. Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode ( Tulis kode dibawah ini pada bagian paling bawah postingan ) :

</span>

5. Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING.
6. Klik tulisan Lihat Blog (di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas.