Saturday, July 30, 2011

Cara Manambahkan Readmore Pada Blog

 
 


Langsung aja !!! gak usah dijelasin lagi,,,,  berikut ini caranya :

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!

  • Tunggu beberapa saat ketika proses sedang berlangsung
  • Selanjutnya silahkan anda cari kode berikut pada kode template milik anda :


<data:post.body/>



Hapus kode diatas, lalu ganti dengan kode di bawah 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.

Cara Posting Artikel

  • Klik menu Posting
  • Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :


<span class="fullpost">

    
</span>

  • Tuliskan artikel yang ingin tampak pada blog sebelum kode : <span class="fullpost">
  • Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :  </span>

Kemudian pilih Publikasikan Post!!!


Lalu liat hasilnya!!



Happy blogging - - - - - > > > > 

0 comments:

Post a Comment

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | cheap international voip calls