Warung Bebas

Selasa, 15 Juli 2008

Buat Read More Versi Pertama

Yupz apa jadinya jika postingan yang amat banyak menutupi halaman utama kita... waduh-waduh kan jadi kurang menarik tuh apalagi jika ada Iklan di bawah postingan kita yang amat banyak pasti akan menambah ketidak nyamanan mata, weleh lihat deh website besar pasti ada "read more" nya.... hah apa kau gak iri tuh melihat yang kaya gitu..... yawdah deh biar anda tidak penasaran dan pengen buatnya ayo ikuti langkah saya disini key..... perhatikan dibawah


  1. Beranjak ke menu Layout --> Edit HTML

  2. Centang cexbox"Expand Widget tempalte"

  3. Lalu carilah code dibawah (untuk mempermudah tekan ctrl+F untuk kotak pencarian browser)
    <div class='post-header-line-1'/>

  4. Nah dibawah Code diatas ada code yang mirip kaya dibawah, ingat code dibawah berbeda-beda di setiap template blogger


    <div class='post-body entry-content'>

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

  5. Lalu ganti kode diatas dengan kode dibawah ini

    <div class='post-body entry-content'>

    <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'>Selengkapnya....</a>
    </b:if>

    Nah kamu perhatikan saja Code yang berwarna biru karena code yang berwarna merah berbeda-beda di setiap template blogger

    Perhatikan Code diatas Tulisan Selengkapnya.... adalah link untuk menuju ke postingan keseluruhan yang bisa kamu ganti dengan sesuka hati misalnya Read More.... atau Baca Selengkapnya...

  6. Lalu simpan Template
Nah langkah pertama sudah selesai... lalu kita melangkah ke langkah selanjutnya

  1. Lalu Ke menu Setting Lalu pilih menu Formatting

  2. Lalu Cari Kotak Post Template Isikan kode dibawah

    <span class="fullpost">


    </span>

  3. Kemudian Di save
Tips Posting:
Disini tulisan sebelum link Read more....<span class="fullpost">
Disini adalah postingan sisa dari diatas
</span>

0 komentar em “Buat Read More Versi Pertama”

Poskan Komentar

 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger