Cara Membuat Read More / Baca Selengkapnya di Blogger : Tutorial Blog

Cara Membuat Read More / Baca Selengkapnya di Blogger

Kendhin

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

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

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".

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

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

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. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...

Anonymous said :

01 July, 2008

terimah kasih mas kendhin,sukses tak pakai di poshtinganku(lihat ya),KALU KURANG TOLONG DI KASIH TAU.tHANK BERAAT......

Unknown said :

03 July, 2008

wah... mantab bro...
aku juga pake ya...
thanks mazzz.....

Anonymous said :

06 July, 2008

Setelah ganti dengan template dari http://www.eblogtemplates.com/wp-polaroid-blogger ga bisa pasang readmore... klo kotak komentar dah bisa, terpaksa pasang intensedebate lagi...

Jeffry Listiyadi said :

09 July, 2008

saya kok tidak dapat menemukan kode yang dimaksudkan????????????????????????????????????????????????????? Ada masalah apa ya?
Balas segera!!! Kalau bisa ke email saya!!

pmii metro kukar said :

10 July, 2008

terimah kasih mas infonya.............

Mochamad Ali Mulyana said :

11 July, 2008

susah mo nyaingi blog ini ung.. :D

blogger said :

11 July, 2008

kok, kodenya tidak saya temukan ya

madrasah diniyah babussalam said :

15 July, 2008

Matur suwun Ilmunya semoga mendapat ilmu yang lebih banyak lagi.

sendy said :

17 July, 2008

thank ya mas.....klo ada trik baru kasih tau say aya mas

Kendhin said :

18 July, 2008

@jeffry & Dudy Setia, kotak "expand widget templateny" dah dicentang belum? kalo belum itu dicentang dulu. kalo cari kode ini <data:post.body/> seharusnya ada

noer said :

18 July, 2008

thanks... akhirnya bisa juga :D

Victor Yeimo said :

20 July, 2008

Bro,

Trims buat Tips ini, saya sudah coba dan berhasil. Namun, pada saat klik read more (selengkapnya) tidak kelihatan dan kebali seperti tampilan hanya paragraf pertaman. Gimana ya?

Salam

^Q
Papua

Yunita said :

21 July, 2008

blog_NA bagus....

keep on posting!!
^_^ v

Anonymous said :

22 July, 2008

Saya punya masalah dengan "read more" nya.. Kalo dibuka pake browser Mozilla, tampilannya mau bagus.. Tapi kalo dibuka pake Internet Explorer, jadinya acak2an blog saya mas.. Coba deh kalo ga percaya.. Tolong kasi infonya ya mas..
Thank u..

Anonymous said :

22 July, 2008

mas, seperti blog saya benar gak ya? tolong di lihat ya mas di http://marketingdansales.blogspot.com

Rema Al- Mawa.com said :

24 July, 2008

bagaimana ca buat beri saya contohx

Rema Al- Mawa.com said :

24 July, 2008

mas bagai mana cara membuat friends link

Anonymous said :

27 July, 2008

wah aku dah bisa nih,makasih yah mas kendhin

ABIE said :

01 August, 2008

sugeng rawuh......:-D

admin said :

02 August, 2008

mas, maksih atas ilmu nya,....

saya pakai di blog saya tips ini

thanks, walk together

Kendhin said :

02 August, 2008

@Mahardika, kalo masalah browser saya rasa bukan karena readmore, tp itu emang dari browsernya. memang sulit untuk bisa menghasilkan tampilan yg sama untuk semua browser.

@Rema Al- Mawa.com, baca DISINI

SMK Negeri 1 Padaherang said :

03 August, 2008

Maaf numpang nanya.. kenapa di blog saya ga ada layout sepertinya hilang

Anonymous said :

04 August, 2008

untuk SMK Negeri 1 padaherang:saya juga mengalami seperti itu. kalo udah tahu kasih tahu aku ya!
thanks (shiva.awamy@gmail.com)

Anonymous said :

04 August, 2008

setelah mencoba trik read more ini semua postinganku jadi gak nampak dihalaman blog, kenapa yah.....?

Anonymous said :

06 August, 2008

mas kalau redmorenya di klik agar bisa ke new tab gimana balas setanchat@gmail.com

Anonymous said :

06 August, 2008

Mas! perintah untuk readmore dah dicoba hasilnya memang ada tapi sesudah readmore tampil lagi seperti postingnya jadi double..
apanya yang salah ya Mas!

Anonymous said :

06 August, 2008

Mas! perintah untuk readmore dah dicoba hasilnya memang ada tapi sesudah readmore tampil lagi seperti postingnya jadi double..
apanya yang salah ya Mas!

Sekenhom said :

06 August, 2008

yudi permasalahannya sama ama guaa

Then_baguz said :

07 August, 2008

thx atas infonya.... semua trik saya praktekkan ini :heheheheheheh http

Anonymous said :

10 August, 2008

mas, makasih banget ya,,, jurus jurusnya jitu,,, kemarin aku masih gagal terus nyobainnya, tapi sekarang udah bisa,,, makasiiiih banget

momentum uiam said :

12 August, 2008

Salam mas. Mcm na kalo saya guna blogspot. Bisa juga sih??

Anonymous said :

15 August, 2008

saya juga mengalami hal sama, setalh saya edit sana sini, dan dibuka pake IE semuanya jadi berantakan....padahal sebelum saya edit sana sini tampilan dibuka pada browser apa aja sempurna....ada solusi ga om kendhin?

Ali Hamid said :

15 August, 2008

Thank's bro, nice post. Keep posting.

Anonymous said :

16 August, 2008

Sudah mas.. saya uda coba berkali kemudian membandingkan dengan browser yg lainnya. Hasilnya selalu jika saya pake read more, di mozila mau bagus, tp kl pake IE, ada bagian yang hilang. Kemudian saya hilangkan "read more" nya, kemudian saya browse pake IE dan Mozzila, hasilnya sama bagusnya. Padahal saya kepengen bgt pake "readmore" mas.. :( thank u..

Johari said :

20 August, 2008

koq saya ga ngerti dibagian yang step 10 dan 11

L .O.V.E. & F.R.I.E.N.D said :

21 August, 2008

untuk khendin makasih banget n top dech...
sukses slallu ya.......

Diana Yusuf said :

22 August, 2008

waduh......oke bener nih

Kendhin said :

24 August, 2008

@SMK Negeri 1 Padaherang, masak gaka da sih, itu kan di dashboard. ato jgn2 km pake template classis ya?
@Damas Supriadi, diperhatikan lagi bos tutorialnya, salah sedikit bisa fatal seperti itu. pasti itu ada kekeliruan.
@ARIF'S BLOG , kok aneh, menurutku itu gak perlu deh, nanti malah membuat pembaca jadi kurang suka.
@yudi, berarti km salah waktu memposting, pasti artikelmu di postingan dobel. untuk abstraksi gak usah ditulis lagi.
@momentum uiam, ya ini untuk blogspot.
@mr-ozay, berantakan gmn? km salah kode2nya kali. ato juga salah penempatan.

METAL said :

24 August, 2008

saya g ngrti maszz cara buat "read more" cara pertama lankkah ke-10... tlong zarin y masszzzzz!!!!!!!! thankzzzz

X4 said :

25 August, 2008

Terima kasih atas informasi yang anda berikan........

http://mbojopcclub.blogspot.com said :

28 August, 2008

Trims mas "read more" nya udah aku coba 'N' Berhasil meskipun baru 1 yang aku posting tapi udah berhasil.Kalo Mau liatin di http://mbojopcclub.blogspot.com

Landung said :

31 August, 2008

Mas bagaimana cara edit posting yang sudah ada dibloger untuk untuk ditambahi readmore

TuRBiN said :

02 September, 2008

bingung ikkk

TuRBiN said :

02 September, 2008

bener nehh kata mas landung aku juga dah banyak posting tapi pas di edit nanti malah ancur takutnya....

Anonymous said :

03 September, 2008

Terima kasih atas petunjuk2 yang telah diberikan.

early said :

04 September, 2008

thaks infonya

Kendhin said :

06 September, 2008

@METAL, langkah ke 10 itu cm tinggal memotong artikelnya aja kok, intinya itu kode <span class="fullpost"> adalah kode untuk memotong artikel (yg nanti akan berubah jadi tulisan "read more"
@Landung, sama aja, tinggal ikuti mulai langkah ke-9.
@TURBIN PERSONAL BLOGSITE, jgn takut asal templatenya dibackup dulu. kalo terjadi apa2 tinggal dikembalikan lagi template seperti semula.

I'm Silent Hack... said :

07 September, 2008

www.hacker-crushed.co.cc

Onnay said :

07 September, 2008

Jazakallah mas, uwebad trik-tips nya..
cara nyainginnya gmn nyak??!!heuheu... :D

TuRBiN said :

08 September, 2008

matur thank kiyu broo dah kokkk...

alan koesumah said :

08 September, 2008

thanks banget bung... akhirnya setelah berkali-kali usaha berhasil juga...

Free Your Mind said :

10 September, 2008

Kang tolong dong, saya biasanya kalau ganti template sarang akang buat bikin read more selalu berhasil diterapkan, tetapi kemaren saya ganti template dengan cashblog profesional, sewaktu saya bikin read more ngak bisa lagi, kenapa ya? Juga buat nambahin adsense di dalam postingan ngak bisa lagi walau adsense sudah di parse. tolong kasih tahu yah, blog saya di www.sekarygiorg.blogspot.com, TQ

Anonymous said :

11 September, 2008

setelah diklik 'read more', detail posting langsung muncul di bawahnya atau pindah ke page baru mas?

abibz said :

11 September, 2008

muantaf banget mas ini

Thnks banget buat tipsnya.....!!!!

:))

Unknown said :

11 September, 2008

thanks

stukA said :

12 September, 2008

makasih mas atas tips and trik ini. tips membuat read more akhirnya berhasil jg saya buat.sekali lg makasih..berguna wat menghemat halaman ...ciao

Anonymous said :

14 September, 2008

Ughh.. ribet juga yah, btw klo postingan yg sebelumnya harus di edit satu2 juga ya??? kalo iya..

ffuuiihhh gubraxx...

masih gampangan itu tuh..... c "W"

thx yah buat informasinya

Anonymous said :

14 September, 2008

mas koq ada tulisannya error performing your command yah... padahal udah aq ganti dan aq preview... terus cuman aq copy paste aja... piye mas???

Anonymous said :

14 September, 2008

terus itu harus dipkasih spasi gitu gak sih mas??? spasi seperti tulisan2 diatasnya... coz begitu aku paste jadi menjorok ke kiri semua...

Anonymous said :

15 September, 2008

Kok abiz saya save (layout HTML) ada pemberitahuan kalao blogspot tidak bisa memenuhi permintaan??

Apa ada yang salah dengan langkah yang saya lakukan??

Truz, di HTML saya hanya tertulis
(data:post.body/)
Apakah itu juga mempengaruhi hasil??

Terima kasih..

Nanda Alfa Ariesta said :

18 September, 2008

thanks kak
informasi nya paling akurat dari pada yang lain

hijacker said :

18 September, 2008

kok error mas

Salomo Marbun said :

19 September, 2008

Mas saya ga nemuin kode ini yang dimaksud dalam langkah 3 dan saya pun sudah centang expand widgetnya. Ngomong-ngomong widget tuh apa ya? Thanks berat ya Mas

Kang Eko said :

19 September, 2008

bos, setelah aku coba kok ndak bisa ? selalu ada tidak well formated, kenapa ya ?

M.Khairy said :

19 September, 2008

saya kok ga bisa gunain ya..
pas mw save template ga bisa n eror
knapa ya??

M.Khairy said :

19 September, 2008

saya kok ga bisa gunain ya..
pas mw save template ga bisa n eror
knapa ya??
ada tulisan bgini

We're sorry, but we were unable to complete your request.

When reporting this error to Blogger Support or on the Blogger Help Group, please:

* Describe what you were doing when you got this error.
* Provide the following error code and additional information.

Anonymous said :

19 September, 2008

klo mau pasang "Read more" posting yang lama gimana??? di edit juga yah? :(

mang said :

20 September, 2008

untuk penggunaan read more pada blogger template baru gemana ya?
kayanya ada ngaco neh... hiks...

Z's said :

20 September, 2008

Salam Kang, d Blogku tulisan readMore sdh muncul, tapi kok postingannya mlah muncul smua, gak ada yang terpotong/abstraksi...gmnana ya ?Puyeng nih :@

Anonymous said :

20 September, 2008

Rada susah juga, tapi saya coba...

Anonymous said :

22 September, 2008

wew coba langsung berhasil!!!
berhasil!!! berhasil!!! hore!!!
makasih banyak buat bantuan anda.
saya juga mau tanya, kadang ada link yang dibuat dalam kotak. linknya berupa gambar alamat web. terus, kumpulan linknya bergeser, gonta ganti. gimana caranya tuh???

Billy The Kid said :

23 September, 2008

Halo Amigo
Salam kenal dari ane....
Begini amigo, ane masih pemula nih dalam hal per blogger-an, nah ente punya resep dan cara menyajikannya kocak en akrab, ane ketarik banget sama trik ente amigo !
sebelon nya juga ane pernah dapetin trik model begini (ga tau sama atau ngga nya, belon ane cek), tapi selalu gagal, ya error lah, ya muncul kode kesalahan bX3..... (ga ngati dah gua !, kode toge apa ?).
nah yang sekarang ini sih belon ane cobain, ane baru sekedar laporan sama ente
Ane perlu banget sama ini trik, lantaran postingan ane puanjang...., kalo mau liat atawa ngukur segimana panjangnya mampir deh ke gubug ane di : http://pc-hardware-performance-aesthetic.blogspot.com/

Ma kasih banget tip ame trik nya ya amigo

Anonymous said :

24 September, 2008

makasih yaaa! baru coba dah langsung berhasil ni!
skrg mau cobain bikin tab menu horizontal! mg2 berhasil jg!

salam kenal ya

Ikhlaslah Beramal said :

25 September, 2008

x( tidak bisa read more 2nya,
pusing nih :@

apa aku yang tidak bisa :(

payah diri ku :|

tolong dibantu ya :s kirim ke kenshanhere@gmail.com
tolong ya :o

e-money said :

26 September, 2008

Oooooooooooo :f begitu thoh..... :$
makasih ya

Anonymous said :

27 September, 2008

thank ya mas atas tips trik nya :o

Muhammad Saiful Islam said :

04 October, 2008

Mas Kendhin, saya sudah menemukan trik agar tulisan Read More hanya bisa muncul di tulisan-tulisan yang kita sisipi kode span itu saja, tapi di tulisan yang tidak pakai kode span, tidak ada Readmorenya. Kalau saya coba dengan trik ini kan muncul di semua tulisan, tidak peduli apakah itu ada Read Morenya atau nggak :).
Silakan dibaca di sini mas Kendhin: http://thegreatsaiful.blogspot.com/2008/10/read-more-hack-versi-terbaru.html.
Sumbernya dari blognya mas Ramani, http://hackosphere.blogspot.com

dntq said :

06 October, 2008

yg saya pahami, tips ini bisa dipakai untuk memasang "read more" di tulisan yang akan kita posting. Gmn dengan postingan kita yang sdh banyak dan ingin kita pasangin? mksh

Anonymous said :

12 October, 2008

kok saya gak bisa menemukan code yg ingin d cari..
gmna tu...
balas y..

Anonymous said :

12 October, 2008

kok saya gak bisa menemukan code yg ingin d cari..
gmna tu...
balas y..

http://takdir099.blogspot.com said :

16 October, 2008

Trik2x asik banget thanks................

segelasair said :

17 October, 2008

xjumpa code nya

Yunita said :

20 October, 2008

PUNYAKU GAG JADIIII...!!! :((
X( :(( :((

Anonymous said :

21 October, 2008

makasih mas :) :)

opongopong said :

21 October, 2008

keren triknya..
langsung bisa
thanks infonya...

RINALDO said :

26 October, 2008

assalamualikum . makasih mas aku dah banya belajar dari blog nya

allan said :

27 October, 2008

terima kasih mas atas petunjuknya akhirnya saya erhasil membuat readmore sukses selalu buat mas

afanr said :

22 December, 2012

pake readmore begini bisa ngirit dan simple, paling tidak bisa ngurangin tampilan blog jadi panjuang banget ke bawah.
ternyata bisa lho posting blog langsung lewat ms word

Anonymous said :

02 January, 2013

kodenya ga ketemu.. :(

Anonymous said :

02 January, 2013

Kodenya ga ketemu... :(

wiwie rahmawati said :

04 January, 2013

ampyuuun dijeee...nyari kodenya ampe pusiiiiiing..ga nemu nemu..hahahah

Cara Membuat Read More said :

05 January, 2013

Makasih juragan untuk tutorial cara membuat read more diatas sangat berguna banget buat ane.