Cara Membuat/Memasang Read More Di BLog Kita
Untuk para blogger yang suka membuat postingan yang panjang pasti sangat berguna untuk membuat read more, baca selanjutnya atau selengkapnya dll. agar postingannya terlihat rapi. Hampir semua blogger pasti sudah mengetahui cara memasangnya tapi bagi para pemula termasuk saya mungkin masih bingung untuk membuat read more tersebut.
Nah kita langsung saja ke langkah-langkah cara membuat Read More di postingan blog sehingga bisa muncul tulisan Read More, Selengkapnya atau selanjutnya tersebut.
Pertama, Sign in ke blogger dengan account anda.
Kedua, klik Pengaturan lalu klik Format
Ketiga, geser layar sampai kebawah nanti akan ada text area (kotak) kosong disamping tulisan Template Entri, isi kotak tersebut dengan kode dibawah:
<span class="fullpost">
</span>
Lalu klik tombol Simpan Pengaturan.
Keempat, Klik Dasboard lalu klik Tata Letak lanjutkan dengan klik di Edit HTML.
Untuk jaga-jaga jika ada kesalahan pada saat merubah kode tersebut sebaiknya back up dulu data template blog kamu dengan klik di Download Template Lengkap.
Kelima, klik kotak kecil disamping tulisan Expand Template Widget, sehingga ada tanda contrengannya.
Keenam, cari kode seperti tulisan ini
<data:post.body/>
atau seperti ini,
<p><data:post.body/></p>
Ketujuh, Hapus kode diatas tersebut, lalu ganti dengan kode dibawah
<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>Selengkapnya...</strong></a></p>
</b:if>
Untuk tulisan yang berwarna merah bisa anda ganti terserah anda.
Kemudian klik tombol Simpan Template.
Untuk cara posting artikel agar bisa muncul tulisan Read More – nya atau tulisan Selengkapnya…
Ketika akan mengetik atau membuat postingan di menu Posting, klik terlebih dahulu menu Edit HTML, maka dengan otomatis nanti di tempat posting akan muncul kode seperti ini
<span class="fullpost">
</span>
Tulis atau ketik artikel postingan yang nantinya muncul dipostingan pas diatas kode <span class="fullpost">, lalu sisa dari seluruh postingan dibawah tulisan <span class="fullpost"> sampai </span>.
Kemudian Terbitkan Entri..
Selamat mencoba semoga bermanfaat.............
Tidak ada komentar:
Posting Komentar