Spiga

Cara Membuat Read More atau Baca Selengkapnya

Dear All My Friend’s,,,,,,

Menulis sebuah Postingan atau Artikel kadang kala membuat kita tidak sadar bila Posting tersebut terlalu panjang. Beberapa Blogger berusaha membuat cantik Blog nya dengan mempercantik tampilan yang ada. Karena bila terlalu panjang pada halaman utama membuat posting kita sebelumnya tidak mudah terbaca. Itulah gunanya Code Read More ini, selain itu membuat penasaran pembaca untuk membuka lebih lanjut postingan atau artikel yang kita tulis.

Maka dari itu qu berusaha membuat tutorialnya untuk kalian semua. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya seperti yang ada di Blog qu ini. maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template". Jangan lupa untuk menyimpan Template jaga – jaga bila ada masalah.
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

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

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti 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/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya". Atau bisa sebuah gambar yang kalian inginkan dengan merubah tulisan yang berwarna merah menjadi :

<img src=”Link atau url Gambar atau Picture yang kamu inginkan”/>

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">

</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", nach kalian pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">

</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

11. Selamat Mencoba...

Buat yang cari gambar untuk read More ini ada beberapa yang bisa kalian pakai. Kalian tinggal copy dan upload aja.....



Mudah bukan, makanya jangan pernah putus asa karena semuanya ada disini…ciieeeee. Makasih buat para Blogger yang sudah melihat tulisan qu ini tapi jangan lupa comment ya…..

Best Regard

Natha Lia




Artikel Lainnya :




12 komentar:

  SeNjA

16 Januari 2010 17.29

kebetulan aku lg cara tutorial ini lia,makasih ya...harus segera praktek nih ^_^

  Natha Lia

16 Januari 2010 18.45

@ Senja : wah kebetulan donk ya....kalo ada masalah atau nggak bisa kabari qu lewat YM aja mbak......entar qu ajarin...cieeee.........biasa sombong dikit.....hehehe

  aan

17 Januari 2010 02.45

pernah gw terapkan tutor di atas,tapi hasilnya kurang memuaskan,trs aku pake yg default dari bloger ,hasilnya jg malah kurang ok,,

tolong dong plis,,
thanks

  Natha Lia

17 Januari 2010 02.54

@ Aan : pertama kamu juga dah buat kan...disalah satu BLOG kamu. untuk read more itu tergantung pada template yang kamu pakai. Tetapi pada dasarnya semua sama koq.....tq....

  Just Bryan

17 Januari 2010 04.58

Untuk yang blogger baru tau cara buat read morenya gak??

  Natha Lia

17 Januari 2010 05.09

@ Just Bryan : qu rasanya baca tulisan kamu tuch jadi binggung.....kamu tuch nanya apa membuat pernyataan?????

  anak pamenang juga hebat internat

21 Januari 2010 04.14

hancurr blog aku broo tempelet nya gaa jelas... body post itukan ada banyak yg mana ?? jadi lain kali harus jelas donk

  Natha Lia

21 Januari 2010 04.42

@ anak pamenang juga hebat internat : perasaan dah jelas dan mungkin sangat jelas......dan setahu qu yang namanya cuman ada satu....jadi harusnya nggak mungkin salah.......kalo masih binggung kontak qu via YM...tq

  anak pamenang juga hebat internat

21 Januari 2010 05.10

gua bingung nih .. masak kode yg kamu berikan ga di jelasin untuk jenis tempelet .. ?? wahh kacau blog gua .. ih harus ulang dari awal nih

  Natha Lia

21 Januari 2010 05.15

@ anak pamenang juga hebat internat : ampun dech...itu tuch buat semua template jadi tidak ada pilihan template untuk read more, lebih baik kamu kontak qu via Yahoo Masseger sekarang biar bisa qu terangkan.....tq

  anak pamenang juga hebat internat

21 Januari 2010 06.16

kepada nathalia ini no hp aku 085266000555 mohon sms saya biar saya yg telpon ... masalah paling besar saya gagal downloding tempelet lama ga tau mungkin kerna moden gua lemah saya amat mohon anda bantu saya .. mohon banget biar saya yg telpon

  Natha Lia

21 Januari 2010 20.52

@ anak pamenang juga hebat internat : hmm....
Pertama : qu tidak sedang berada di Indonesia jadi sorry banget kalo qu nggak bisa sms kamu.
Kedua : hal ini sudah qu bicarakan pada beberapa kawan (master template) dan kesalahan bukan pada keterangan yg qu berikan di tutorial ini.
Ketiga : rasanya bila hal ini terjadi tidak sesuai dengan nama yg kamu pakai.
Keempat : qu akan bantu hanya saja kamu tinggal berikan contact Yahoo Masseger kamu atau kamu bisa kirimkan template kamu via Contact Form yang ada di Blog qu ini.
Kelima : biasa aja lagi.....nggak usah mohon2 gt karena bukan cuman qu koq yg bisa bantu....masih banyak orang yg bisa kamu mintain bantuan.

oche.......tq.....

Posting Komentar


Terima Kasih telah membaca Article Natha Lia semoga dapat bermanfaat.

Blog ini menganut sistem DO FOLLOW jadi komentar kalian tidak akan sia - sia. Komentar yang mengandung SPAM, SARA atau PORN akan dihapus.

Bila ada Pertanyaan lebih lanjut silahkan hubungi melalui :

atau