Cara Membuat Read More

2/28/2009 Tips Trik Blog
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

Artikel Terkait

Previous
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

7 comments

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

btw its Nice blog....

Balas

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

Balas

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

Balas

thanks boss atas infonya
lain kali ane bkal kesini lagi OKe

Balas

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

Balas