Membuat Read More Blog Anda

Loncat ke form komentar

Tulisan yang berhubungan dengan Membuat Read More Blog Anda ...

Anda Pernah melihat berita atau Artikel yang hanya nampak paragraph awalnya saja?? Kemudian pada bagian bawah artikel tersebut terdapat kata readmore atau baca selengkapnya??? Tertarik untuk me-klik kata readmore gara-gara artikelnya bagus, atau sesuai dengan bahan yang anda cari? Dan setelah anda klik kata readmore atau baca selengkapnya, justru anda malah loading ulang halaman tersebut?

Apa yang pertama terfikir oleh anda saat melihat halaman tersebut reload??? Lhoo……. Kok reload…… ya…. Nungguin lagi nih.

Berikut sedikit ulasan tentang fitur tersebut. Untuk para beginner blogging (termasuk saya) ini bisa dijadikan bahan refferensi. Untuk para master blogging,mohon petunjuk lebih jauh demi penyempurnaan tulisan ini.Kita sering membaca sebuah berita, artrikel atau apapun
namanya yang menyangkut tulis menulis didunia maya kadang membuat kita nggak
betah. Padahal, tulisannya bagus, gaya bahasa familiar, materi sesuai dengan
yang kita cari. Hanya gara-gara loading halaman (yang besar) yang lama……. (apalagi
pengguna dial up macam saya), pasti membosankan.

Pasalnya…… di artikel tadi terdapat fitur
read more atau baca
selengkapnya.

Biasanya, disetiap postingan yang terdapat fitur read more,
yang nampak kan hanya paragraf head line nya saja. Nah begitu kita selesai baca
paragraph headline nya kan perlu klik Read More. Begitu kita Klik, e…….. lha kok
malah loading lagi dari awal. Nunggu lagi…….. Nunggu lagi……. Padahal kan banner,
side bar udah nggak perlu kita pelototin lagi. Oke……. Yang aku tulis ini mungkin
sudah basi bagi anda. Tapi it’s just for my memorial note. Just for me. Okay??!!

Salah satu cara membuat pembaca kita nggak tetap disitus
kita, bikinlah fitur readmore kita tadi, tetap dalam halaman tersebut, tanpa
harus loading halaman dari awal.

Anda bisa baca Tutorialnya

disini, untuk membuat readmore yang harus loading halaman dari awal. Atau
anda bisa menyimak tutorialnya

disini, untuk membuat readmore tanpa loading halaman dari awal. Jika anda
ingin mengikuti tutorial versi – ku Juga nggah masalah……

Aku anggap anda adalah Blogger yang sudah mempunyai account
di

www.blogger.com Ikuti langkah ini:

1. Login ke blog anda.


2. Setelah Masuk, pilih situs yang akan anda bikin Read
   More – nya. (ini bagi pengelola beberapa blog)


3. Klik Lay Out pada blog yang anda kehendaki


4. Klik Edit HTML. Pada bagian ini, anda akan
   mengedit template blog anda. Hati-hati. Kesalahan dalam editing template
   dapat mengacaukan tampilan dan performa blog anda. Saran saya: Back Up dulu
   template anda. Caranya, klik download template lengkap. Simpan pada hardisk
   anda.


5. Langkah selanjutnya, centang kotak disamping expand
   Template Widget


6. Cari kode berikut ini.
   </head> . Caranya tekan ctrl + f pada keyboard anda secara bersamaan.
   Maka akan muncul footter bar pada browser anda. Ketikkan kode
   </body> pada kotak pencarian.


7. Nah mudah kan mencarinya? Kalo udah ketemu……. Copy
   kode berikut ini:

<script src='http://sanganam.com/file_share/Scipts_Readmore.js'

type='text/javascript'/>

8. Paste kode tersebut tepat diatas kode
   </head> Ingat
   diatas kode </head>


9. Langkah selanjutnya, Cari kode ini.

<div class='post-body
entry-content'> Cara mencarinya seperti diatas (no 6)

10. Jika sudah ketemu ganti kode
    tersebut (no 9) dengan kode ini.

<div class='post-body entry-content'
expr:id='"post-" + data:post.id'>

<b:if cond='data:blog.pageType == "item"'>
Lihat, kode yang merah adalah kode aslinya. Yang Biru adalah kode tambahannya.

11. Selanjutnya Carilah kode
    berikut ini. <p><data:post.body/></p> Cara
    pencariannya tetap seperti no 6


12. Copy kode berikut ini:

<b:else/>

<style>#fullpost {display:none;}</style>

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

<span id='showlink'>

<p><a expr:onclick='"javascript:showFull(\"post-" +
data:post.id + "\");"' href='javascript:void(0);'>[+/-]
Read More…...</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a expr:onclick='"javascript:hideFull(\"post-" +
data:post.id + "\");"' href='javascript:void(0);'>[+/-]
Collaps…..</a></p>

</span>

<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>

</b:if>

13. Paste kode tersebut (no 12) tepat dibawah kode
    <p><data:post.body/></p>
    (no 11)


14. Kata
    Read More…...
    dan Collaps…..
    dapat anda ganti dengan kata – kata lain yang anda kehendaki. Seperti
    Baca selengkapnya…… dan Ringkasan…….. atau kata yang lain.


15. Langkah terakir pada bagian
    edit HTML ini adalah Klik Save Template.


16. Selesai sudah edit Template.

Nah Sekarang tinggal Aktifasi Fitur
Read more ini.

Agar Fitur Read More ini aktif
diblog anda………Caranya adalah:

• Masuklah ke Menu Setting (Pengaturan)
• Klik Formating (format)
• Perhatikan bagian bawah halaman sub menu format. Pada bagian bawah ada box (kotak) yang berlabel (bertuliskan) Post Template.
• Nah pada kotak kosong tersebut isikan kode dibawah ini :
  

<span id="fullpost">



</span>

• Langkah selanjunya Klik Save Setting (simpan setting).
  

Selesai sudah pembuatan fitur read
more dan aktifasinya. Kita tinggal melakukan posting dengan menggunakan
fitur read more yang sudah terintegrasi pada template blog kita.

Jangan Sampai Lupa,
Jika melakukan penulisan posting pilih mode "Edit Html", letakkan
paragraf posting yg akan ditampilkan di halaman depan blog anda di atas kode
<span class="fullpost"> sementara sisanya
antara kode <span id="fullpost"> dan
</span>

Saya Contohkan disini:

Pada halaman depan sebuah situs terdapat paragraph sbb: Anda
Pengguna dial-up Connection dalam bertinternet? berapa speed average (kecepatan
rata-rata) koneksi anda?? Pernahkah anda browsing sebuah situs dan anda menunggu
loading pada halaman browser anda terasa begitu lama? Kondisi semacam ini pasti
menjengkelkan.

Sama...... saya juga sering jengkel, udah ada kerjaan lain yang nunggu, e....
malah loding halaman nggk kelar-kelar. Padahal speed koneksi dial-up ku normal.
masih diatas 5,7Kb/sec. Tapi kenapa kok lambat???

[+/-] Expans……

Cara penulisan saat posting adalah sbb: Anda Pengguna
dial-up Connection dalam bertinternet? berapa speed average (kecepatan
rata-rata) koneksi anda?? Pernahkah anda browsing sebuah situs dan anda menunggu
loading pada halaman browser anda terasa begitu lama? Kondisi semacam ini pasti
menjengkelkan.

Sama...... saya juga sering jengkel, udah ada kerjaan lain yang nunggu, e....
malah loding halaman nggk kelar-kelar. Padahal speed koneksi dial-up ku normal.
masih diatas 5,7Kb/sec. Tapi kenapa kok lambat???
<span class="fullpost">Disini adalah sisa
tulisan atau postingan selengkapnya. Nah pada akir artikel, jangan lupa akiri
dengan</span>

Sekali lagi: Ingat selalu gunakan mode
Edit HTML saat menulis postingan atau edit posting. Jika anda melakukan
edit atau membuat Posting dengan mode compose, Saya tidak bertanggung
jawab jika performance blog anda rusak atau template anda jadi kacau.

Bagaimana menurut anda? Silahkan melengkapi tulisan ini dengan berkomentar disini, atau silahkan merbagi pengalaman seputar ngeblog, optimasi blog ataupun tentang SEO.
Selamat mencoba, semoga bermanfaat