Tutorial Lengkap Membuat Readmore Pada Blog||Tutorial-Blog

Haii,guys.. .

Kalian pastinya sudah tau kan apa itu readmore.
Bagi yang belum tau,saya akan menjelaskan sedikit tentang readmore.Readmore adalah suatu cara untuk menyunting postingan blog agar tidak terlalu penuh di halaman blog dengan cara menghilangkan sebagian isi dari postingan tersebut,namun setelah kita klik tombol readmore yang ada di bawah postingan kita,maka akan tampil semua isi dari postingan kita tersebut.
Nah,kali ini GREEN MONSTERZ akan memberikan tutorial bagaimana cara membuat readmore pada blog kalian.

CHECK IT OUT THE STEPS !!!

1.Klik menu Dasboard
2.Pilih menu Tata Letak/Rancangan
3.Buka tab Edit HTML
4.Pilih Download Template Lengkap



5.Setelah terdownload,buka template yang terdownload tadi dengan menggunakan Wordpad.


6.Setelah Wordpad terbuka tekan Ctrl+F,maka akan terbuka kotak pencarian.
Masukkan kode dibawah ini pada kotak pencarian tersebut:
<data:post.body/>

7.Setelah menemukan kode di atas,ganti kode di atas 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>Read more...</strong></a></p>
</b:if>

8.Tekan Ctrl+A(Untuk memilih semua) lalutekan Ctrl+C untuk mengcopy
9.Buka kembali Blog kalian.
10.Buka Tata Letak/Rancangan >> Edit HTML
11.Delete kode yang ada di dalam kolom Edit HTML
12.Lalu pastekan semua kode yang ada di Wordpad tadi kedalam kolom tersebut
13.Klik Simpan Template
14.Lalu buka menu Pengaturan
15.Buka tab Format
16.Pada layar paling bawah, ada text area kosong disamping tulisan Template Entri, isi text area kosong tersebut dengan kode di bawah ini :
<span class="fullpost">
</span>

17.Klik tombol Simpan Perubahan

Cara Posting Artikel:
1.Klik menu Posting
2.Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :
<span class="fullpost">
</span>

3.Tuliskan artikel yang ingin ditampilkan pada blog sebelum kode :
<span class="fullpost">

4.Tulis keseluruhan sisa artikel sesudah kode di antara kode:
<span class="fullpost">
</span>

5.Klik tombol Terbitkan Entri
6.Klik tulisan Lihat Blog(di jendela baru) 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


Semoga Tutorial yang saya buat ini bermanfaat bagi teman-teman :D