Cara Membuat Read More - Blog Kang Fatur

Cara Membuat Read More

Cara Membuat Read More merupakan artikel tutorial yg paling diminati oleh blogger pemula yang baru membuat blog di blogspot, karena Sebuah posting yang panjang akan banyak memakan tempat di halaman utama sebuah blog, sehingga postingan lain yg buat sebelumnya akan jarang dibaca pengunjung karena mereka harus menscroll halaman kebawah terlebih dahulu. Nah pada kesempatan ini ane mau ikut-ikutan menyampaikan dari pihak ketiga, masalah tutorial bagaimana cara memotong artikel panjang tersebut dengan membuat read more .. atau baca selanjutnya .. atau juga baca saterasna dan lain-lain deh terserah ente-ente

Membuat Read More di Blogspot

  • Login ke akun blogger ente, pilih blog yang ingin ente edit, klik link Layout kemudian masuk ke Edit HTML
  • Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.
  • Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode ini ni...} ]]></b:skin>seperti dibawah ini :
  • <style>
    <b:if cond='data:blog.pageType == "item"'>
    span.fullpost {display:inline;}
    <b:else/>
    span.fullpost {display:none;}
    </b:if>
    </style>

  • Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template ente dan tambahkan kode berikut tepat dibawahnya:
  • <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Read More..</a>
    </b:if>

  • Nah supaya terpotong, setiap kali ente menulis artikel posting, klik pada bagian artikel dimana ente pengen tulisan Read More.. muncul, lalu ketik <span class=â��fullpostâ��> kemudian lanjutkan sisa artikel sampai selesai, akhiri dengan mengetik </span>. Untuk menmbahkan kode ini, ketika menulis artikel, ente harus dalam mode Edit HTML bukan Compose
  • Tulisan Read More.. seperti yang berwarna merah pada kode diatas, bisa ente ganti dengan tulisan lain seperti Baca Selengkapnya.. atau baca saterasna atau apa aja terserah..
Contoh penulisan posting :
Ini adalah penulisan posting ente. <span class=�fullpost�> dan kalau yang disini akhir postingan ente yang mao dipotong /sembunyikan</span>

Selamat mencoba dan mudah-mudahan berhasil...



KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI

5 comments:

  1. tq tas informasinya......ilmu anda sangat mambantu orang banyak. n yakin semu aperbuatan ada balasannya'

    btw its Nice blog....

    ReplyDelete
  2. thank's yach. aku mw tanya soal jam yang ada di kursor bersama tanggal dan hari ? bagaimana cara pasangnya. balas yach

    ReplyDelete
  3. maksudnya "dalam template ente dan tambahkan kode berikut tepat dibawahnya:" ap g ngerti tolong penjelasannya y

    ReplyDelete
  4. thanks boss atas infonya
    lain kali ane bkal kesini lagi OKe

    ReplyDelete
  5. thank's bos,berhasil
    http://anakmansa.blogspot.com
    coba yang lain lagi aghhh!!!

    ReplyDelete

Subscribe Our Newsletter

Notifications

Disqus Logo