Cara membuat read more di blogspot

Kadang kalo kita membuat blog postingan yang di tampilkan di blog di tampilkan dalam satu halaman penuh, tidak efisien menurut saya, kenapa tidak efisien karena biasanya para pengunjung blog kita akan merasa kesulitan melihat blog kita, hanya melihat 1 atau 2 postingan saja, alangkah baiknya apabila kita buat ringkasan pada posting kita seperti gambar di samping ini.
terlihat lebih elegan kan lumayan lah menghemat halaman blog kita.....
ah kebanyakan intro nehhhh.
gimana kah caranya.....
Gini sob caranya ............ Lanjutkan


  • Sign in di blogger dengan id saudara
  • Klik Setting
  • Klik Formatting
  • Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi text area kosong tersebut dengan kode di bawah ini :

    <div class="fullpost">


    </div>
  • Klik tombol yang bertuliskan Save Settings
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.

Next Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :
  • Klik menu Dasboard
  • Klik menu Layout
  • Klik menu Edit HTML
  • Klik tulisan Download Full TemplateSilahkan 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 Widget Template, sekali lagi jangan lupa beri tanda centang dulu yah, sebab kalau tidak, nanti akan tidak sesuai dengan langkah selanjutnya
  • Tunggu beberapa saat ketika proses sedang berlangsung
  • Trus cari kode berikut :


<div class='post-body'>


  • Copy kode HTML di bawah ini kemudian paste di bawah kode tadi



<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

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

<b:else/>

<style>.fullpost{display:none;}</style>


  • Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :



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



  • Copy kode HTML di bawah ini kemudian paste di bawah kode tadi


<a expr:href='data:post.url'>Read More......</a>

</b:if>


  • klik tombol bertuliskan Save Template

  • Selesai.

Trus Cara posting nya gmane ???????
gini lho caranya


  • Klik menu Posting


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


<div class="fullpost">


</div>


  • Tulisankan artikel yang ingin tampak pada blog sebelum kode :



<div class="fullpost">


  • Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :


</div>


  • Klik tombol bertuliskan PUBLISH POST
  • Klik tulisan Open New Window untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas
  • Selamat mencoba and Good luck!
  • Satu Lagi fiuuuuuucccchhhhhh Cuapeeeeeeee deh ngetik postingan ini hehehehehehe





Tidak ada komentar:

Posting Komentar