WELCOME TO MY BLOG. THIS BLOG CONTAINING NEWS, SCIENCE, AND THE OTHER. ENJOY THE READING !!

Rabu, 18 April 2012

(Blog) Cara Membuat Read More di Blog

Tidak usah panjang lebar saya jelaskan, tentunya teman- teman semua sudah pada tau apa itu read more dan fungsi daripada read more ini.Banyak cara untuk membuat read more ini. nanti kita akan bahas satu persatu di postingan yang berbeda. Kali ini kita bahas salah satunya dan berikut bagaimana kita bisa membuatnya.

  • Pertama, Log in ke akun blogger teman- teman
  • Pada Dashboard Pilih Tata Letak - Edit HTML
  • Jangan lupa Back Up dulu template teman- teman dengan mengeklikDownload Template Lengkap
  • Centang kotak Expand Template Widget
  • Cari kode</head>
  • Letakkan kode di bawah ini tepat di atas kode </head> tadi
    <style>
    <b:if cond='data:blog.pageType == "item"'>
    span.fullpost {display:inline;}
    <b:else/>
    span.fullpost {display:none;}
    </b:if>
    </style>

  • Lalu cari kode di bawah ini
    <p><data:post.body/></p>

  • Letakkan kode- kode ini di bawah kode tadi
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Read More..</a>
    </b:if>

  • Klik Simpan Template
  • Langkah selanjutnya Masuk pada Pengaturan - Format
  • Lalu isi kotak kosong Template Entri (letaknya di bawah ...dicari-cari ketemu kan?) dengan kode di bawah ini [setiap kita membuat entri baru kode yang kita isikan tadi akan muncul]
    <span class="fullpost">

    </span>

  • Selanjutnya klik Simpan Setelan
  • Selesai
Trus pertanyaannya bagaimana setelah langkah ini selesai, bagaimana cara memunculkan read more yang kita inginkan? format penulisan dalam posting begini:

Untuk artikel yang ditampilkan di halaman mula letakkan di atas kode
<span class="fullpost">

</span>
Sedangkan untuk sisanya [sisa keseluruhan artike . entri yang telah ditulis] letakkan di antara kode

<span class="fullpost">
dan

</span>

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...