Membuat Read more.... / Baca Selengkapnya....pada template Baru


Assalamu'alaikum wr. wb.
Artikel ini akan membantu untuk blogger pemula yang menginginkan ringkasan /penggalan artikel yang akan ditampilkan pada halaman muka blog. Supaya tidak bingung artikel akan dilengkapi dengan fasilitas Read more.. atau Selengkapnya….. pada template baru (XML),
Bagi yang ingin menggunakan/membuat fungsi Read more/ Selengkapnya..., coba ikuti langkah berikut ini :

LANGKAH I :
  • Sign in di blogger dengan id milik sendiri
  • Klik Setting
  • Klik Formatting
  • Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi tesxt area kosong tersebut dengan kode di bawah ini :
<div class="fullpost">


</div>


  • Klik tombol yang bertuliskan Save Settings


LANGKAH II :
Silahkan ikuti cara berikut :
  • Klik menu Dasboard
  • Klik menu Layout
  • Klik menu Edit HTML
  • Klik tulisan Download Full Template
  • Silahkan save dulu template tersebut, hal ini untuk mengurangi resiko apabila terjadi kesalahan dalam editting template, sehingga kita masih punya back up data
  • 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
  • Silahkan panjenengan cari kode berikut pada kode template milik panjenengan :

<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/Simpan
  • Selesai.




Cara Posting Artikel
  • 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/TERBITKAN ENTRI
  • 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 dan semoga berguna dan terus semangat !
Wassalamu'alaikum wr. wb.

0 komentar

Posting Komentar