Tuesday, August 30, 2011

Trik Mudah Membuat Read More

Untuk blogger pemula seperti saya pasti ingin tau donk cara membuat read more..
Selain untuk mempermudah pembaca dapat juga memperindah blog karena postingan kita tidak berceceran terlalu panjang..
Okeh langsung saja, harap diperhatikan dengan jelas cara-cara berikut ini, karna menurut saya agak sedikit rumit :

#Langkah 1

1. Sign in ke blogger anda
2. Klik Pengaturan ==> Format
3. Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :

<span class="fullpost">


</span>

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

1. Klik Dashboard
2. Klik "Tata Letak" ===> "Edit HTML"
3. 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.
4. Beri tanda centang di samping tulisan "Expand Template Widget"
5. Silahkan anda cari kode berikut pada kode template milik anda :

<data:post.body/>
Atau (sama saja)
<p><data:post.body/></p>

Hapus kode diatas, lalu ganti dengan kode di bawah 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>

6. Klik tombol "Simpan Template", selesai..

Nah untuk cara posting artikelnya :

1. Klik "Posting" ===> "Entry Baru".
Maka akan secara otomatis timbul code seperti di bawah ini :

<span class="fullpost">


</span>

2. Tuliskan Artikel anda yang akan tampak di blog sebelum code ini :

<span class="fullpost">

3. Sisanya tulis sesudah code di atas dan sebelum code di bawah ini :

</span>

3. Klik Tombol "Publikasikan Posting".

dan Lihat hasilnya sukses atau tidak..
Jika tidak, mungkin ada bagian yang terlewatkan.
Coba lihat kembali langkah diatas..

Indahnya Berbagi..!! :)


0 komentar:

Post a Comment