Membuat Read More ( Baca Selengkapnya ) di Blogger

Membuat Read More ( Baca Selengkapnya ) di Blogger Netter

Read More
Pada umumnya postingan terbaru akan ditampilkan dihalaman utama blog. Ketika blog kamu terlalu panjang dan memenuhi halaman utama dan tidak efisien untuk mempromosikan tulisan-tulisan yang lainnya. 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 :


1. Buka menu, Layout kemudian pilih Edit HTML

2. Kasih tanda cek (centang) pada cekbox "expand widget template"

3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :
<p><data:post.body/></p>

Kalau mau lebih gampang nyarinya ketik aja Ctrl+F, lalu copy code tersebut, dijamin pasti langsung ketemu

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti 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/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu ganti, misalnya jadi "Baca Selengkapnya" atau bahasa daerah kamu sendiri, yah sekalian promosi bahasa daerah.

5. Simpan hasil pengeditan.

6. Selanjutnya pilih menu, Setting lalu pilih Formatting

7. Pada kotak Post Template isikan kode berikut:
<span class="fullpost">
</span>

8. Kemudian Simpan. Selesai deh heheheheheh
Tapi, yang harus netter ketahui ketika memposting, ada dua tab pilihan, yang "Compose" dan "Edit Html", Nah netter pilih yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

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


Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama anda (sebelum tulisan "Redmore") diatas kode ini :

<span class="fullpost">

Sementara sisanya yaitu keseluruhan posting letakkan di antara kode

<span class="fullpost">

dan

</span>



..... Selesai......

0 comments:

Post a Comment

Free Website Hosting
Join Vinefire!