Membuat "read more" Yang Praktis
Space atau ruang di blog kita sangat terbatas, jika kita menampilakan semua isi dari postingan atau entri maka akan memakan banyak space (tempat). Bayangkan saja orang melihat halaman yang luas, maka orang akan sulit untuk memfokuskan diri.
Sebenarnya ini sama dengan membuat read more, tapi lebih praktis, karena kita tidak perlu menambahkan sesuatu kode HTML saat memposting artikel kita. Read More yang akan kita buat akan membuat kita gampang atau mudah dalam memengal isi dari postingan kita. Beberapa kalimat akan muncul dan jika dalam postingan kita ada gambarnya juga akan disertai thumbnail (gambar diperkecil)
Ada yang memberi nama read more yang akan kita buat ini dengan nama read more liberal, oleh kang Jaloe. sekarang kita bersiap untuk mempraktekanya :z Perhatikan dan baca seksama langkah-langkahnya.
Cara Membuat "read more" Yang Praktis
1. Login ke Blogger
2. Pilih Tata Letak kemudian pilih Edit HTML
3. Beri tanda cek (centang) pada “ Expand Widget Templates “
4. Cari kode di bawah ini
5. Jika sudah ketemu taruh kode berikut ini di bawahnya
6. Cari kode di bawah ini
7. Ganti kode yang telah kita temukan di atas dengan kode berikut ini
8. Simpan Template Kalau sudah beres
Silahkan kamu coba sekarang, tapi berikut ini catatan yang juga perlu kita ketahui:
summary noimg= 430 adalah tinggi artikel terpenggal tampa image
summary img=340 adalah tinggi artikel terpenggal dengan image
Jika kamu kesulitan mencari kode-kode tersebut baca tipsnya di sini
Sebenarnya ini sama dengan membuat read more, tapi lebih praktis, karena kita tidak perlu menambahkan sesuatu kode HTML saat memposting artikel kita. Read More yang akan kita buat akan membuat kita gampang atau mudah dalam memengal isi dari postingan kita. Beberapa kalimat akan muncul dan jika dalam postingan kita ada gambarnya juga akan disertai thumbnail (gambar diperkecil)
Ada yang memberi nama read more yang akan kita buat ini dengan nama read more liberal, oleh kang Jaloe. sekarang kita bersiap untuk mempraktekanya :z Perhatikan dan baca seksama langkah-langkahnya.
Cara Membuat "read more" Yang Praktis
1. Login ke Blogger
2. Pilih Tata Letak kemudian pilih Edit HTML
3. Beri tanda cek (centang) pada “ Expand Widget Templates “
4. Cari kode di bawah ini
</head>
5. Jika sudah ketemu taruh kode berikut ini di bawahnya
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
6. Cari kode di bawah ini
<data:post.body/>
7. Ganti kode yang telah kita temukan di atas dengan kode berikut ini
<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more “<data:post.title/>”</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
8. Simpan Template Kalau sudah beres
Silahkan kamu coba sekarang, tapi berikut ini catatan yang juga perlu kita ketahui:
summary noimg= 430 adalah tinggi artikel terpenggal tampa image
summary img=340 adalah tinggi artikel terpenggal dengan image
Jika kamu kesulitan mencari kode-kode tersebut baca tipsnya di sini
Mantap Bos....patut dicoba
BalasHapuswah aku bisa belajar banyak dong dari mas kurnia
BalasHapusajarin aku ya.... :D
salam kenal
huhu.. memang praktis bangeut ngga perlu cape dua kale...
BalasHapusoh iye.. ttg sitemap untuk wp sy beloem pernah nyoba boss
wahhh
BalasHapustips yang keren neh keknya
Read more yang dulu, lansung saya ganti dengan yang baru ini :)
BalasHapuslebih praktis, lebih cepat, lebih rapi :))
oke, thanks yaa
BalasHapusKeren maksih bos ilmunya.....:-/
BalasHapusini kan kalo di blogger,
BalasHapuslha kalo di dagdigdug.com gmn?
ane pake tips ente brooo..thanx brat..
BalasHapusajarin dunk cara layout pliss kirim ya bang ke gie.saiko@gmail.com
BalasHapusomm....tulongin dung..
BalasHapusaku ne mau buat kotak komentae di bawah entrian
ko g bisa bisa ya...
kasih solousinya dunk...
aku butuh tutorial nya
makasih ya om..
ne imail aku
FaiLlinGLuvH@gmail.com
john_polo23@yahoo.co.id
ehh sala kotak komentar...
BalasHapusMuantav bro,... aku coba.
BalasHapusthak's,
BalasHapuscuy,,,,,,,
;;)
minta ijin nge"link" ke blog sampean ya kang!
BalasHapussoale kadang ada yang tanya soal tutorial blog, and aku banyak gak bisa nya!
mending langsung tak tunjukin suruh kunjungi blog ini aj!
THANK YA...gw dapet banyak masukan dari mas septa
BalasHapusThankz tipsnya mas. Minta izin posting di blogku ya...:D
BalasHapus-x(
BalasHapuskakak yang baik..
thank bwt segala informasinya..
kita mu ikutan lomba antar blog di kota kami..
kalo bikin read more ada cara di buku..
tapi bikin pusing,terus jadinya blog kita rusak parah..
thank ya kakak !!
:)
Mantap bos,Trim's
BalasHapusmakasih boooosss...
BalasHapusSudah tak jajal bos...lihat aja blogku...trims ya boss.
BalasHapus:))
BalasHapuskiri, ke palembani.blogspot.com ;) " :-t heheh aduh b-(
BalasHapusthank bozz za... from http://massyaifur.blogspot.com
BalasHapusmampir yukk,
BalasHapusblognya ga kreatif, maklum baru belajar
uchealavdiv.blogspot.com
terimakasih read more nya sangat bermanfaat bagi saya
BalasHapusMANTAP .....
BalasHapusHahahha... ^____^
Subhanallah, syukron.
BalasHapusini yang slama ini ana cari..... :))
Jazakallahu khair....
syukron, tutorialx lengkap..... ;)
BalasHapusmakasih banget,,
BalasHapuswww.aristokrat-scienza.blogspot.com
Thankz Bozt....!!!!!
BalasHapus:))
Trims infonya. Tapi kenapa di dalam kolom Expland Template Widget blog saya tidak ada kode ini : yaaaa??? Sudah saya cari menggunakan Ctrl + F, tapi tetap tidak ada. Di bagian manakah kode itu??? Trims...
BalasHapusNB : yang saya maksud kode ini ialah kode data:post.body/ trims...
BalasHapusThanks infonya
BalasHapusYang diganti apa?
BalasHapusthank mas kurnia,,,,, keren bgt blognya,,,,,,,,,,,,,,sukses brooootherr
BalasHapusdisertai thumbnail (gambar diperkecil),.
BalasHapuskok gambar na msh besar yha gan??
ngk da thumbnail na?
:((
keren om =((
BalasHapusMakasih banyak ye bang atas ilmunye .... ;)
BalasHapusom kurnia ,, gmn ya klw mau hapus readmore nya ...
BalasHapusom, gimana caranya agar halaman pertama muncul beberapa postingan yg ada readmorenya ????
BalasHapus@mohon bantuannya :)]
sorry nih bro....gue coba dulu baru komen.....soalnya gue udah prnah coba dari yg lain tapi gagal.....pas gue coba dri punya bro ternyata berhasil thanks ya bro^_^
BalasHapusgue akan belajar trus dri bro....mohon bantuannya....:D
mksh kang ats infonya na
BalasHapusMa kasiiiiiiiiiiih :) udah berapa hari ini gak bisa2 ngutak atik read more. Maklumlah newbie :D pas liat artikel ini, dicoba, daaaan bisaaaa. Sekali lagi ma kasih ya ^_^
BalasHapuslatifahsaja.blogspot.com
sophieparisonlineshop.blogspot.com
kok gak ketemu ya? nya?
BalasHapusmohon pencerahannya
Makasih mas kurnia, Tips ini sangat membantu blog saya yang begitu sederhana... hahahaha :))
BalasHapuskak, dari dulu pusing, dimana ya kata "expand widget template" ? (di www.blogger.com)
BalasHapuskak, dari dulu pusing, dimana ya kata "expand widget template" ? (di www.blogger.com)
BalasHapusgan, saya dulu pernah buat read more juga..
BalasHapustapi sudah skitar 5 bulan tiba tiba readmore nya ga berfungsi lagi.
itu knapa ya?
cara memperbaikinya gmn?
bls ya gan ke sini sheila_cut3@yahoo.com
thx
makasih petunjuknya bang..
BalasHapuskini read more-nya sudah terpasang dengan baik..
tapi..
saya ingin thumbnail yang ada di posting saya sebelum di klik read more, dipotong, bukan di ubah ukurannya (dipipihkan) kira2 caranya gimana ya?
mohon bantuannya..
makasih bnyak bro ud share,lumayan nambah wawasan saya :)
BalasHapusmakasih untuk infonya gan!!
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusTerima kasih atas infonya gan
BalasHapusSangat berguna sekali, caranya pun mudah dan praktis
mas kurnia, udah ane coba dan berhasil. tapi kok halaman utamanya cuma muncul satu post nya yah.. kalau mau munculin lebih gimna ??
BalasHapuskok udah dicoba tetp aja read more-nya ngga nongol apa ada yang salah yak ......
BalasHapus:-/
Komentar ini telah dihapus oleh pengarang.
BalasHapusTutornya bermanfaat banget gan ..
BalasHapus