Membuat Read more / Baca Selengkapnya di Blogspot

Selamat malam teman- teman semuanya..ketika kita posting sebuah artikel atau beberapa artikel maka pasti akan nampak pada halaman home page kita jika kita telah mempublikasikannya. tapi bagaimana kalau artikelnya puanjang.... kalau dua, tambah panjang... sehingga pembaca blog kita mungkin akan merasa enggan untuk membaca atau melihat- lihat yang lainnya. [wajar bro....gak sabaran]. Solusinya adalah kita membuat fungsi read more .../ baca selengkapnya.
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 mengeklik Download 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>




    Bookmark and Share

    Posted by: Mas Eko
    Download info - Tips trik - update - sharing, Updated at: 19:01

    7 - komentar:

    toko bunga online said...

    Lebih bagus dari yang sudah ada di blogspot

    Grosir sprei Murah said...

    artikel yang menarik

    pengen info bisnis, klik disini said...

    makasih buat tutorialnya.

    septic tank biotech said...

    thx info y masss ,,

    biotech indonesia said...

    tutorial y mantap ....

    stp biotech said...

    manarik bgt ...

    happy blogging ...

    flash card can talk said...

    nice info

    Post a Comment

    Tiada gading yang tak retak, baka banyak pula hal yang salah dari aku. maka, tinggalkan walau hanya secoret komentar sebagai lankah ke depanku untuk lebih maju

    NO SPAM NO PORN!