15 Desember 2011

Cara Membuat Read More di Blog


| tutorial kali ini mengulas Cara Membuat Read More di Blog kita, jadi ini khusus untuk yang suka blognya pakai readmore, tujuan pake readmore adalah untuk menghemat halaman blog dan meringankan blog kita saat di akses.karena  Sebuah artikel yang panjang akan banyak memakan tempat di halaman utama sebuah blog, sehingga artikel lain yg ditulis sebelumnya akan jarang dibaca pengunjung karena mereka harus menscroll halaman kebawah terlebih dahulu. Nah, pada Tutorial Blog kali ini saya akan ikut"an membuat tutorial bagaimana cara memotong artikel panjang tersebut dengan membuat read more .. atau baca selanjutnya ..monyet



Berikut cara membuat readmore :


  • Login ke akun blogger anda, pilih blog yang ingin anda edit, klik link Layout kemudian masuk ke Edit HTML.
  • Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.
  • Masukkan/Copas kode berikut sebelum tag </head> atau tepat sesudah kode  } ]]></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 sobat 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 dia terpotong, setiap kali sobat menulis artikel posting, sobat harus klik pada bagian artikel dimana sobat  pengen tulisan Read More.. muncul, lalu ketik kemudian lanjutkan sisa artikel sampai selesai, akhiri dengan mengetik . Untuk menambahkan kode ini, ketika menulis artikel, sobat harus dalam mode Edit HTML bukan Compose.
Tulisan Read More.. seperti yang berwarna merah pada kode diatas, bisa sobat ganti dengan tulisan lain seperti Baca Selengkapnya.. atau Lanjut Baca atau terserah sobat yang kira2 menarik Gitu. .damai
Semoga Berhasil sob. .!!menari
Contoh Penulisan Posting :
Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>

Hasil akhir posting akan tampak seperti ini :
Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. Read more.. 

Jangan lupa klik tombol like gan !! :P 

0 komentar:

Tambahkan Icon
:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))

Posting Komentar

Artikel Terbaru :

Related Post