Cara Membuat Read More Pada Blogspot

Cara Membuat Read More Pada Blogspot

IsMed       Comment   

Cara membuat Read More pada blogspot munkin sudah tidak asing lagi
Nah kali ini Ismed ingin berbagi trik atau cara membuat Read more atau Baca Selengkapnya di Blogspot
sobat,ya tentunya bagi sobat yang membuat blognya di blogspot tentunya...
bagi yang sudah bisa Ismed minta maaf kalau memang posting ini di anggap sdah basi atau sudah lambat

he he he he,.....
tapi bagi sobat yang belum bisa atau bagi pemula tidak ada salahnya mencoba untuk membuat Read More di blog sobat
Ini juga Ismed dapatkan nya di blog Sebah,,, kan gak da salah nya buat shareg sesama blogger

langsung saja langkah-langkah nya :

1. Sign in di blogger dengan id sobat.

2. klik Pengaturan atau Setting
3. Klik Format
4. Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting,
 silakan sobat isi text area kosong tersebut dengan kode di bawah ini :

 <span class="fullpost">


    </span>
Pemasangan kode ini bertujuan yaitu agar pada saat posting artikel ,
 kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, kan tambah capek lagi kalua
harus nulis2 lagi, benar gak sobt..?????????
jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

5.klik simpan pengaturan atau tombol Save

Langkah selanjut nya yaitu

6. Klik menu Dasboard

7. Klik Tata Letak
8. Klik tab Edit HTML
9. Klik tulisan Download Template Lengkap.

8. silakan sobat save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila
  terjadi kesalahan ketika melakukan editting pada template,maka kita masih punya
  back up data untuk mengembalikannya seperti semula

9. Lalu beri tanda centang pada kotak di samping tulisan
Expand Template Widget , janmgan
   sampai lupa

10.Tunggu beberapa saat ketika proses sedang berlangsung,

11.Silahkan sobat cari kode berikut pada kode template milik sobat :

<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 (copas saja):

<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>

12.Klik tombol Simpan Template

13. selesai dechh

Pada kata Selenkapnya  bisa sobat ganti dengan yang sobat suka,, ya katakan lah
seperti "Read more", "lihat Selengkap nya" , "Lebih Lanjut", "Baca Selengkapnya" dan lain2

Semoga berguna dan selamat mencoba semoga sukses...

oya sobat hampir lupa,,,,,,,
setelah itu semua selesai sobat coba melakukan posting nya dengan mengklik
menu Edit HTML,
maka secara otomatis tampak kode yang telah kita setting tadi, yaitu

 <span class="fullpost">


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

    </span>
maka yang terlihat hanya posting sebelum <span class="fullpost"> sedangkan yang sesudah kode tadi atau di
belakang kode </span> harus tekan terlebih dahulu " Baca selengkapnya " atau yang lain yang sobat buat
- Lalu Klik Publikasi
    atau klik terlebih dahulu lihat blog untuk melihat hasil posting kita
    lalu baru klik Publikasi jika hasilnya sudah sesuai


ok deeech.......... Semoga berhasil

 SELESAI