Membuat Read More

Trik ini bertujuan, agar postingan di blog terlihat lebih rapi dan bagus
kita mulai aja Ya!!!

# Sign in seperti biasa di blogger dengan id milik sobat


# 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 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 selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :

* Klik menu Dasboard


* Klik menu Layout


* Klik menu Edit HTML


* Klik tulisan Download Full Template


* 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 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 Sobat cari kode berikut pada kode template milik sobat :

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