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



19 komentar:

alkatro on January 26, 2010 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 12:35 PM said... [Reply]

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

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

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

Mantaaaaaabbbbbb....!!!

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

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

Kian Coi on January 26, 2010 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 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 5:51 PM said... [Reply]

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

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

aq dah terlanjur pakai readmore auto sob

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

nice sob !!!


Terus berkreasi yach !!

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

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

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

salam kenal.
lagi blogwalking sapa tau ada inspirasi :D

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

tq buat tips nya..

iwan on May 26, 2010 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 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 5:03 PM said... [Reply]

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

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

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

http://www.iphoneroom.net/ on December 31, 2010 10:14 PM said... [Reply]

thanks...

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

maksih bnyak bro'

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