Membuat Read More di Blog

Untuk blogger baru seperti saya ini memang sangat menyukai adanya menu read more. Fungsi read more itu sendiri selain memperpendek tampilan posting/artikel juga mempercantik tampilan blog. Untuk membuat Read More seperti pada blog ini, ikuti langkah–langkah berikut :

1. Login ke blog
2. Masuk menu "Pengaturan" kemudian pilih tab "Format"
3. Pada layar paling bawah, ada text area kosong disamping tulisan "Templat Entri", isi text area kosong tersebut dengan kode di bawah ini :

<div class="fullpost">


</div>

4. Kemudia simpan setelan

Pemasangan kode ini supaya pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu ditext area saat postingLangkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :

1. Klik menu "Rancangan" kemudian pilih "Edit HTML"

Untuk berjaga-jaga bila nanti ada kesalahan sebaiknya kita Backup template kita dengan mendownload setingan Tempale terlebih dahulu. Kalau terjadi kesalahan ketika melakukan editting pada template, kita masih punya backup data untuk mengembalikannya seperti semula dengan meng-upload lagi data tersebut

3. Jangan lupa beri tanda centang pada kotak di samping tulisan "Expand Widget Template"
4. Carilah code berikut ini, Agar lebih cepat tekan "Ctrl+F" :

<data:post.body/>

atau

<p><data:post.body/></p>

5. 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>Read More...</strong></a></p> </b:if>

6. Kemudian Simpan template dan lihat hasilnya

Untuk cara memposting artikelnya :

1. Klik menu Posting. jangan lupa tulis posting di Edit HTML bukan di Compose maka secara otomatis tampak kode seperti ini

<div class="fullpost">


</div>

2. Tulisankan artikel yang ingin tampak pada blog sebelum kode dibawah ini

<div class="fullpost">

3. Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode dibawah ini

</div>

4. Klik tombol TERBITKAN ENTRI dan lihat blogmu

SELAMAT MENCOBA

***************************

Komentar Lewat Facebook

Ingin Artikel wiro-com di kirim ke Email Anda. Masukkan Email Anda Disini:

Delivered by wiro-com