Tuesday, January 26, 2010

TUTORIAL BLOG Membuat Readmore dengan Loading Cepat


blog ilmu pengetahuan dan teknologi
Menjawab pertanyaan salah seorang sobat pada kolom komentar di postingan yang berjudul teknologi baru, Aplikasi Penerjemah Tangisan Bayi, kalimat persisnya begini “...oya q mo tanya nih, gmn cara buat readmore kayak blog ini soalnya..aq liat nggak ngebebanin blog untuk loading...!!!!tlg yach...!!!”.

Huwahhh..!!!, begitu sadar ada pertanyaan seperti ini, dengan senang hati langsung saya buat postingan ini, hanya 15 menit kelar dan mudah-mudahan anda puas membacanya. Kok cepet banget? Sebab emang jawaban pertanyaannya gampang banget, caranya memang sangat mudah hanya saja mungkin tidak semua blogger mengetahui.

Sebenarnya sangat mudah jika anda ingin membuat readmore yang loadingnya cepat atau tidak membebani blog, meskipun jumlah semua postingan ada di halaman utama, sebab Semua telah dijawab oleh blogger melalui penambahan fiturnya pada ulang tahunnya yang ke-10 beberapa bulan yang lalu.

Ada beberapa cara menyisipkan readmore dalam postingan anda. Jika anda menggunakan editor terbaru blogger, fasilitas ini telah ditambahkan oleh blogger sehingga anda tidak perlu menambahkan script tertentu dalam kode html template anda untuk hanya sekedar menyisipkan readmore seperti sebelum-sebelumnya.

Pada saat anda membuat artikel, perhatikan pada post editor baru (lihat gambar) pada toolbar editor terdapat icon “jump break”. Klik icon tersebut, maka jump break akan disisipkan pada postingan blog anda pada posisi kursor sesuai yang anda inginkan.

Fitur readmore ini hanya ada jika anda menggunakan editor blogger yang baru, karena di editor lama belum ada. Bagi anda pengguna editor lama, untuk menggunakan editor baru anda hanya cukup mengaktifkannya dari menu setting/pengaturan, pada setting global pilih editor yang diperbarui.

Namun jika anda masih masih ingin menggunakan editor lama, anda bisa memenggal artikel dengan menyelipkan kode berikut  <!-- more --> pada mode penulisan HTML pada posisi mana saja dalam postingan yang anda inginkan.

Selanjutnya jika anda ingin merubah text "Read more" menjadi “baca selengkapnya” atau “teruskan membaca” atau apa saja sesuai keinginan anda, sangat mudah! Edit readmore bisa dilakukan dengan klik Layout lalu Edit the Blog Posts widget.



Selesai, semoga bermanfaat

Artikel Terkait



21 komentar:

alkatro on January 26, 2010 at 12:34 PM said... [Reply]

bener juga sob; jd lebih praktis.. kebetulan ane dah pake xml yg dah ada readmorenya..
puyeng kalo mo edit script he he..

tovazone on January 26, 2010 at 12:35 PM said... [Reply]

thanks bro, infonya sangat berguna biar ga' membebani blognya yang jalannya sering lemot.

Kian Coi on January 26, 2010 at 1:41 PM said... [Reply]

thank's sob, pokoke langsung tancep aje tuch biar g sia-sia....!!!!!

Mantaaaaaabbbbbb....!!!

nuansa pena on January 26, 2010 at 3:12 PM said... [Reply]

wao....memang mudah kalau dikasih tahu. hehehehe

Kian Coi on January 26, 2010 at 4:07 PM said... [Reply]

sob...mhn maaf sebelumnya, sekedar mau nambahin, biar banyak sobat blogger nggak bingung ama postingan diatas...

aq cm mau nambahin kode yang seharusnya ditambahin atau diubah oleh sobat blogger sbg brikut:
<data:post.body/>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Sandhi Oke on January 26, 2010 at 5:50 PM said... [Reply]

thx atas responnya, tapi mksudnya yg mana sob? pada editor baru semua kn sudah otomatis di sediakan blogger..

Sandhi Oke on January 26, 2010 at 5:51 PM said... [Reply]

@kianCoi# knp msh perlu nambah script?! kn nambah loading lg..

Go Green on January 28, 2010 at 12:41 PM said... [Reply]

aq dah terlanjur pakai readmore auto sob

MMufidLuthfi on February 4, 2010 at 7:35 PM said... [Reply]

nice sob !!!


Terus berkreasi yach !!

YaZ on February 28, 2010 at 1:59 AM said... [Reply]

o ya bos, udah sangat jelas dg tipsnya...
matur nuwun...

jasa website on March 8, 2010 at 1:58 AM said... [Reply]

salam kenal.
lagi blogwalking sapa tau ada inspirasi :D

AbrenK StaLker on April 21, 2010 at 5:47 PM said... [Reply]

tq buat tips nya..

iwan on May 26, 2010 at 6:30 PM said... [Reply]

Bro salam kenal kalo di website gmana ya caranya agar loadingnya cepat juga..

Tengkiu bro terus berjaya dan berupdated blog gw udah bookmark lu punya address.

Kehidupan Islam on July 1, 2010 at 8:43 PM said... [Reply]

sekarang udah ada cara bikin readmore yang lebih bagus dan Ok luh,, hehe

Anonymous said... [Reply]

sulit menghubungi anda sekarang, bro :)
komunitas semut.

ridho zulandra on August 14, 2010 at 5:03 PM said... [Reply]

link ny sdh d psg..
link exchange y..
d tunggu backilnk ny..

Body painting on August 19, 2010 at 1:44 PM said... [Reply]

Masih puyeng nih,,,ga bs2...biasa newbie

chank on November 14, 2011 at 12:04 AM said... [Reply]

maksih bnyak bro'

Relief taman dan ornamen dinding buatan on February 14, 2012 at 12:54 AM said... [Reply]

makasih banyak tips nya gan
bermanfaat skali
salam kenal..

OBAT HERBAL KANKER PROSTAT on July 11, 2012 at 10:45 PM said... [Reply]

sebeleumnya saya ucapkan banyak-banyak terima kasih sudah mau berbagi.

Company Profile on December 2, 2013 at 1:06 PM said... [Reply]

Makasih infonya gan.. :)

Post a Comment

yth. pengunjung Blog Bisnis Online. Untuk Menjalin Silaturahmi, Setelah membaca mohon berkenan memberikan komentar disini atau sekedar ucapan terimakasih saja. 1 komentar maka 2 link untuk anda.

Chat Room

Ilpeng.com Lovers

 

BISNIS ONLINE | BLOG BISNIS ONLINE. Blog ini Copyright 2009 Knowledge Sharing by Sandhioke Converted into Blogger Template