Membuat Read More Versi Jadul

Lagi-lagi tulisan jadul diposting. Hehe, walau gak baru tapi gue cuma pengen menampilkan blog gue dengan lebih lengkap, gak pa2 kand?? hehe... kembali ke materi, yaitu read more. Read more kali ini dipergunakan untuk tipe-tipe template tertentu, memang ada yang berhasil dan tidak karena bagian formatting dinilai berbeda dengan setting Read More versi terbaru. Oke, kalo trik ini gak berhasil untuk ditempatkan di template kalian, bisa dibaca trik selanjutnya ntar deh... Bagi yang belum kenal ma read more bisa gue jelasin koq. Read More difungsikan sebagai penyingkat suatu halaman biar nggak terlalu panjang, 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 :

  • Login di Blogger terus lanjut ke Layout/Tata Letak kemudian centang tanda Expand Template Widget

  • Kalo udah cari kode berikut:
    <p><data:post.body/></p>

  • Kemudian Ganti kode tadi dengan kode berikut:
    <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...... bisa kamu ganti dengan kata yang kamu inginkan

  • Simpan hasil pengeditan

  • Setting Read more sudah selesai dan sekarang kembali ke Dasbor

  • Pilih menu Setting/Pengaturan pada Dasbor kemudian pilih Formatting

  • Pada kotak Post Template yang ada di bagian bawah menu Formatting, isikan kode berikut:
    <span class="fullpost">


    </span>

  • Simpan deh



Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">


</span>


Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span> Sehingga efek Read More akan bekerja, hati-hati dalam pengeditannya yaa??? :D
Related Posts
Copyright © 2012-2099 Super™ - Simpel Mix White Template by Ardi Bloggerstranger. All rights reserved.
Valid HTML5 and CSS Type 3 by ardi33