Tuesday, May 25, 2010

Tips Membuat Read More

Lagi-lagi soal membuat fasilitas Read more.. atau Selengkapnya.. pada template baru (XML), topik ini rupanya yang paling banyak di baca dan di minati oleh para blogger baru. Hal ini terlihat dari banyaknya komentar yang masuk pada artikel tersebut, ada yang girang karena sudah merasa berhasil dan ada juga yang sedikit kecewa karena masih menemui kegagalan.
Dengan masih adanya kegagalan-kegagalan tersebut, maka dapat di tarik kesimpulan bahwa metode yang saya sampaikan ternyata masih kurang untuk di pahami. Dari itu tentu harus di pikirkan cara yang tepat dalam penyampaian suatu panduan. Beberapa waktu yang lalu ada sebuah komentar yang masuk pada salah satu artikel saya (artikel yang mana saya lupa dan sedikit malas untuk membuka dokumen komentar) bahwa metoda penyampaian tersebut sangatlah mudah untuk di pahami, maka pada kesempatan kali ini saya akan mencoba metoda tersebut pada artikel membuat fungsi Read more.. atau Selengkapnya

Langkah 1


  • Sign in di blogger dengan id anda.

  • Klik Pengaturan

  • Klik Format

  • Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting,isi tesxt area kosong tersebut dengan kode di bawah ini :

    <span class="fullpost">

    </span>


  • Simpan Pengaturan


Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

Langkah 2

  • Klik menu Dasboard

  • Klik Tata Letak

  • Klik tab Edit HTML

  • Klik tulisan Download Template Lengkap

  • Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula

  • Beri tanda centang pada kotak di samping tulisan Expand Template Widget

  • dan setelah itu Silahkan anda cari kode berikut

  • <data:post.body/>
    atau kode ini
    <p><data:post.body/><p>

  • Setelah menemukan kode diatas, lalu copas kode di bawah ini tepat dibawah kode diatas ( ngertikan maksudnya... ) :


  • <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><b:else/>
    <style>.fullpost{display:none;}</style>
    <p><a expr:href='data:post.url'><strong>Selengkapnya...</strong></b:if>


  • Klik tombol Simpan Template

  • Selesai.


0 comments: