MEMBUAT READ MORE DI BLOG ANDA

MEMBUAT READ MORE DI BLOG ANDA

Monday, June 27, 2011
hehehehe...ketemu lagi dengan saya newbie sedang belajar...
belajar secara bertahap akan lebih memuaskan apalagi 
apa yang kita pelajari berhasil dan tahu bagaimana langkah2 nya
kali ini kita akan membahas cara merubah tulisan kita agar tidak tampil terlalu
panjang di blog kita......berikut ini adalah tutor yang ane juga boleh dapat
dari googling...dan ane dah mencobanya dan hasilnya ternyata berhasil...
oke deh kita langsung to the point aja deh maaf ya klo boleh jujur karna 
ane lagi malas nulis dan sudah mengantuk jadi tutor nya ane copas aja..:
Langkah #1 
  • Sign in di blogger dengan id anda.


  • Klik Pengaturan


  • Klik Format


  • Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :





      • <span class="fullpost"> </span>


  • Klik tombol Simpan Pengaturan

Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut. 

Langkah #2 
  • Klik menu Dasboard


  • Klik Tata Letak


  • Klik tab Edit HTML


  • Klik tulisan Download Template Lengkap.


  • Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula


  • Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :


  • expand widget template 


  • Tunggu beberapa saat ketika proses sedang berlangsung


  • Silahkan anda cari kode berikut pada kode template milik anda :

  • <data:post.body/>

    atau kode di bawah ini (sama saja) ;  
    <p><data:post.body/></p>  

  • Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):
  • copy paste kode berikut ini:


      <b:if cond='data:blog.pageType == "item"'> 
      <style>.fullpost{display:inline;}</style> 
      <p><data:post.body/></p> 
      <b:else/> 
      <style>.fullpost{display:none;}</style> 
      <p><data:post.body/>
      <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p> 
      </b:if>
    • Klik tombol Simpan Template 
    • Selesai.
    • silakan para blogger mempraktekan nya...
    • referensi dari blog:  blog kang rohman
    • atau lebih jelas nya anda bisa klik ke link berikut ini:
    • http://kolom-tutorial.blogspot.com/2008/01/trik-mudah-membuat-more.html