Cara Membuat Read More

Untuk anda yang sedang mengutak-atik blog, terutama dengan memakai template baru tentu saja menginginkan tampilan posting di halaman muka tidak memakan keseluruhan tempat. Hal ini jika postingan atau artikel yang diterbitkan cukup panjang. Nah biasanya anda ingin pengunjung hanya disuguhi penggalan alinea pertama saja, dan untuk memnuntaskan membaca keseluruhan postingan, pengunjung diberi menu Read More atau Baca Selengkapnya (dsb) untuk diklik. Barulah kemudian pembaca akan dibawa kehalaman dimana keseluruhan artikel dimunculkan. Untuk membuat cara demikian anda bisa mengikuti langkah-langkah berikut :

• Sign in di blogger dengan id anda

• 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

Pemasangan kode ini menjadikan kotak tempat kita menulis artikel memiliki aturan yang permanent, sehingga tidak merepotkan kita untuk postingan-postingan selanjutnya, dengan menuliskan kembali kode dimaksud.

Langkah berikutnya kita akan memodifikasi aturan di HTML, dibawah ini adalah langkah-langkahnya :

• Klik menu Dasboard

• Klik menu Layout

• Klik menu Edit HTML

• Klik tulisan Download Full Template

• Save dulu template anda, agar jika terjadi kesalahan, resiko dapat dihindari, dan template anda selamat dari acak kadul. Artinya template tersebut kita  back up dulu datanya untuk mengembalikannya seperti semula

• Centang pada kotak di samping tulisan Expand Widget Template, memberi tanda centang ini wajib hukumnya demi menghindari resiko.
• Tunggu beberapa saat ketika proses sedang berlangsung

• Silahkan anda cari kode berikut pada kode template:

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

• Berikutnya sigi kebagian bawah sampai bertemu  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.

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

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