Thursday, December 17, 2009

FungSi Read More Konsep DasaR


Hmph beranjak dari berbagai tugas kuliah biar ngak terlalu "Lieur" pusing, mending saling berbagi ilmu yang kita tahu, di postingan kali ini saya akan menyinggung masalah fungsi read more. sebelum kita bahas lebih jauh tentang readmore, apa sudah tau apa itu readmore, pastinya sudah pada tahu ya, tapi jika ada yang belum tahu readmore, saya kasih tahu sedikit pengertian masalah readmore. Simpel aja Readmore artinya suatu cara untuk memotong artikel agar tidak terlalu panjang tampil di halaman depan, anda hanya tinggal klik tombol " Read more" saja dan anda tidak harus repot lagi mengetikkan kode read more hasil hack atau apapun.
Oke sekarang sudah mengerti paling tidak fungsi dari readmore.
Tanpa basa-basi lagi saya mulai aja ya...

Untuk anda yang memakai template asli yang di sediakan blogger, akan lebih mudah untuk memakai aplikasi readmore ini, anda tinggal membuat tulisan dan letakan <!-- more --> diantara postingan yang ingin publish.
Bagi anda yang memakai template bukan yang disediakan oleh blogger atau template hasil download dari situs lain, fungsi " Read more " akan tetap berfungsi secara baik atau dengan kata lain artikel anda akan tetap terpotong namun tulisan " Read more » " tidak akan muncul. Untuk hal ini anda harus menambahkan kode tambahan pada template anda. Berikut langkah-langkahnya :
1. Silahkan Login terlebih dahulu di blogger anda,
2. Klik tombol Tata letak/layout
3. Klik tombol Edit HTML
4. Beri tanda centang pada kotak kecil di samping tulisan " Expand Template Widget "
5. Tunggu beberapa waktu hingga proses loadingnya selesai,
6. Carilah code seperti yang di bawah ini :


     <div class='post-body entry-content'>
     <data:post.body/>
    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>


7. Copy lalu paste code di bawah ini, di bawah code yang tadi :

      <b:if cond='data:post.hasJumpLink'>
     <div class='jump-link'>
     <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
     </div>
     </b:if>

8. Klik simpan
9. Selesai

     Sekarang tinggal cek blog anda...
     Semoga bermanfaat..
(Sumber = http://kolom-tutorial.blogspot.com)

No comments:

Post a Comment