Cara mudah membuat read more

Dalam tutorial blogger kali ini saya akan menjelaskan bagai mana cara membuat read more atau baca selengkapnya pada blogger,yang saya posting ini mungkin hanyalah sebuah artikel lama dan cara lama untuk membuat read more bila anda menggunakan template blog yang baru mungkin sudah ada read more nya sendiri.

Langkah #1

  • Seperti biasa anda harus login dulu ke blogger anda.
  • Klik Pengaturan
  • Klik Format
  • disamping tulisan Template Posting, isi kolom tersebut dengan kode dibawah 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 http://risz-panic.blogspot.com 
  • Tunggu beberapa saat ketika proses sedang berlangsung
  • Silahkan anda cari kode berikut pada kode template milik anda :
<data:post.body/>

Atau kode dibawah ini.

<p><data:post.body/></p>

Hapus kode diatas, dan ganti dengan kode dibawah 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
  • finish.

Untuk Cara Postingnya
  • Klik menu Posting
  • Klik menu Edit HTML, Secara otomatis maka akan tampak seperti kode tadi :
<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>

Anda sudah berhasil membuat read more kalau gagal banyak cara lain cara membuat read more di blog ini.

2 comments:


Anonymous said...

terimakasih bro tutorialnya siiiiiiiiiiiiiip buuuuuanget

Unknown said...

Thanks Bro :a: :b: :c: :d: :e: :f: :g:
:h: :i: :j: :k: :l: :m: :n:
:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

:a: :b: :c: :d: :e: :f: :g:
:h: :i: :j: :k: :l: :m: :n:
:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Post a Comment

Terima kasih bila anda sudah memberikan komentar,karna komentar anda sangat berguna bagi saya.Tapi jika Spam saya mohon maaf karna akan saya hapus...
Terima kasih