Blog sedang dalam perbaikan mohon maaf jika banyak kesalahan ------> Pemesanan Hubungi langsung Owner Kami
Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image

Cara Membuat Read More "Baca Selengkapnya"

  • 21 April 2012
  • Armila ( Dins Photography )
  • Label:
  • Pada tampilan utama blog atau biasanya kita kenal dengan Home/Beranda kita sering melihat bahwa pada setiap postingan yang tampil pada halaman utama tersebut tidak terlihat seluruhnya melainkan sebagian yaitu bagian atas tulisan posting/artikel tersebut.


    Yang demikian itu dimaksudkan agar pada tampilan halaman utama tersebut lebih minimalis dengan berisi beberapa artikel dan apabila kita ingin membacanya secara lengkap kita bisa mengklik judul artikel tersebut atau tulisan dibawah artikel yang biasanya bertuliskan Read More.. atau Baca Selengkapnya..



    Untuk membuat Read More atau Baca Selengkapnya ikuti langkah langkah di bawah ini :

    1. Buka menu Tata Letak kemudian pilih Edit HTML.
    2. klik kotak pada tulisan "expand widget template"
    3. Cari kode yang berwarna merah dibawah ini di Template blog kamu (biasanya tempatnya kira-kira pada 1/4 bagian bawah kode html) :
    <p><data:post.body/></p>


    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.. &#187;&#187; </a>
    </b:if>


    Tulisan "Read More.. " yang berwarna merah itu bisa kita rubah, misalnya jadi "Baca Selengkapnya" atau "Lanjut Baca.. ". terserah kemauan kita.

    5. Kemudian klik Simpan Template.
    6. Jika sudah kemudian pilih menu Pengaturan lalu pilih Format
    7. Pada kotak Template Posting isikan kode berikut:

    <span class="fullpost">

    </span>


    8. Kemudian Simpan.
    9. Ketika memposting, disana ada 2 tab pilihan yaitu : "Edit Html" dan "Tulis", lalu kita pilih Yang "Edit Html", Maka secara otomatis akan tampak kode seperti berikut :


    <span class="fullpost">



    </span>


    10. Tulislah postingan/artikel yang ingin kita tulis (yang tampil pada halaman utama) sebelum atau diatas kode ini : <span class="fullpost">

    ket : itu yang akan tampil pada halaman utama blog kita yaitu sebelum tulisan Read More... (untuk meminimalisasi tampilan). dan sebelum kode </span> yang akan tampil keseluruhannya.

    Dibawah ini adalah ilustrasinya :

    Artikel yang tampil di halaman utama.
    <span class="fullpost">

    lanjutan artikel yang tampil di halaman utama dan yang akan tampil secara keseluruhan.

    </span>


    Happy Blogging...

    Good Luck.

    2 komentar:

    Edho gamer online mengatakan...

    sobbbb edit HTML nya yg mana??
    "expand widget template" itu letak nya dimana???
    muv lebih jelasin untuk detail nya...

    Didin Supriatna mengatakan...

    sobbbb edit HTML nya yg mana??
    "expand widget template" itu letak nya dimana???
    muv lebih jelasin untuk detail nya...

    ya itu di edit html pilih lanjutkan... tapi sebelum edit back up dulu tamplatenya takutnya ada kesalahan..

    Posting Komentar

    Tolong bagi para sahabat harap baca dulu sebelum berkomentar :

    Blog ini tidak menggunakan verifikasi apapun, silahkan tinggalkan komentar yang sopan, tidak menjadi spamer.

    - jangan sertakan link pada komentar
    - jika ada link yang rusak / broken link di blog ini tolong beritahu saya pada komentar
    - jika artikel blog ini bermanfaat silahkan menyebarluaskan-nya dengan tekan button share
    ( google+ , facebook, digg, twitter dll ) salam hangat...
    Owner dsp : [Didin Supriatna (urang sunda+jawa)]

    Copyright (c) 2010 dins photography. Created by dsp