Cara Membuat Read More di Blogspot

Posted by admin
82 Comments
This item was filled under [ Tutorial Blogspot ]

Cara Membuat Read More merupakan  artikel tutorial yg paling diminati oleh blogger pemula yang baru membuat blog di blogspot, karena  Sebuah artikel yang panjang akan banyak memakan tempat di halaman utama sebuah blog, sehingga artikel lain yg ditulis sebelumnya akan jarang dibaca pengunjung karena mereka harus menscroll halaman kebawah terlebih dahulu. Nah, pada belajar ngeblog kali ini saya akan ikut2an membuat tutorial bagaimana cara memotong artikel panjang tersebut dengan membuat read more .. atau baca selanjutnya ..

Membuat Read More di Blogspot

  • Login ke akun blogger anda, pilih blog yang ingin anda edit, klik link Layout kemudian masuk ke Edit HTML
  • Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.
  • Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin>seperti dibawah ini :

    • <style>
    <b:if cond='data:blog.pageType == "item"'>
    span.fullpost {display:inline;}
    <b:else/>
    span.fullpost {display:none;}
    </b:if>
    </style>

  • Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template anda dan tambahkan kode berikut tepat dibawahnya:

    • <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Read More..</a>
    </b:if>

  • Nah supaya terpotong, setiap kali anda menulis artikel posting, klik pada bagian artikel dimana anda  pengen tulisan Read More.. muncul, lalu  ketik <span class=”fullpost”> kemudian lanjutkan sisa artikel  sampai selesai, akhiri dengan mengetik  </span>.  Untuk menmbahkan kode ini, ketika menulis artikel, anda harus dalam mode Edit HTML bukan Compose
  • Tulisan Read More.. seperti yang berwarna merah pada kode diatas, bisa anda ganti dengan tulisan lain seperti Baca Selengkapnya.. atau Lanjut Baca..

Contoh Penulisan Posting

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class=”fullpost”> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>

Hasil akhir posting akan tampak seperti ini :

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. Read more..

Related Posts

Incoming search terms for the article:

Popularity: 9,922 views
Tagged with: [ , ]
You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.

82 Comments on “Cara Membuat Read More di Blogspot”

  • fikri

    okay dicoba

    fikri´s last blog post..Pro Evolution Soccer 2009 Experiences (PC)

    Balas

  • dee

    mencoba..mencoba.. eror terus mas… piee iki…?

    dee´s last blog post..[luvIsLam] beNgkeL HatI

    Balas

    admin Reply:
    December 1st, 2008 at 9:21 am

    @dee, pesan errornya apa yah? mungkin bisa bantu

    Balas

  • dee

    alhamdulillah sudah bisa.. emang musti sabar… anehnya padahal cara kopi pastenya sama… lho yg terakhir akhirnya bisa juga..
    terimakasih yah…

    dee´s last blog post..[luvIsLam] Dialog Khalifah Sulaiman bin Abdul Malik & Abu Hazim

    Balas

  • Abdullah

    Kok Nggak Bisa Mas Ya… Kalau Munculnya Sih Iya Tapi Munculnya Di Akhir Blog Terus… Gimana Ya… Silahkan Di Cek… Trims

    Abdullah´s last blog post..10 Resep Sukses Bangsa Jepang

    Balas

  • Koreaners

    Saya dah cari beberapa kali dengan teliti, kode kok g’ ada ya di template saya? Yang ada . Jdi gmna ya..? tolongin saya ya, please…Saya pingin banget menambahkan read more di blog saya..

    Jawabannya kirim aja ke: dewips_koreaners@yahoo.com

    Koreaners´s last blog post..Award Pertamaku

    Balas

  • Koreaners

    Loh kok g’ muncul kode’a… Maksudnya kode yang . Di template saya yg ada cma

    Koreaners´s last blog post..Award Pertamaku

    Balas

  • Koreaners

    Waduh…..PUSING!!!!!!KOK G’ ADA KODE’A???? Comment’a jdi g’ jelas…..

    Koreaners´s last blog post..Award Pertamaku

    Balas

  • ansley

    kalo postingannya udah banyak gmn donk, apa tiap post hrs diedit <span ? tlg jawabannya. makasiiih

    ansley´s last blog post..Scientists Find Blueberries Reverse Age Related Memory Deficits

    Balas

    admin Reply:
    January 28th, 2009 at 4:40 pm

    @ansley, yep, kudu diedit satu persatu

    Balas

  • Anda Rukanda

    Om saya pake rounders 2 gagal truss, gimana dunk?? Help me please..

    Anda Rukanda´s last blog post..Pola Berfikir Positive Thinking 006

    Balas

    admin Reply:
    February 16th, 2009 at 5:42 pm

    pesan errornya gmn mas? lewat YM aja mas, add aja YM saya, id-nya belajar.ngeblog

    Balas

  • yana

    ini yang aq cari…thank you,cobain ahh

    Balas

  • Rudy

    Salam knal mas…!!
    Mohon pencerahannya dunk !
    Berikut merupakn kode html template pd blog saya :

    <div class='entry'>

    <p><data:post.body/></p> <div style='clear: both;'/> <!– clear for photos floats –>

    </div>

    apa ada yg salah trhdp kode template di atas ? Masalahnya, sudah 3 x saya mencoba membuat read more selalu sja seluruh postingan saya hilang, pdahal saya merasa sudah sesuai petnjuknya.
    Oea, skedar info : saya menggunakn template baru (genesis). Terimakasih.

    Balas

  • Pemilu Indonesia 2009

    kira2 bagusan model ini apa yang pake javascript bos? thx

    Pemilu Indonesia 2009´s last blog post..Kampanye Damai Pemilu Indonesia 2009

    Balas

  • Kamroni

    Mas..tolongin doong, saya udah coba tapi kok ga bisa2 ya..saya coba cari2 kodenya tapi ga ada. jadi saya taruh nya asal aja, muncul seh read more nya..tapi kok ga sesuai harapan..please help me..tks

    Balas

  • kamroni

    mas…saya baru saya import postingan saya di blogspot ke wordpress.com. Cara edit supaya bisa muncul read more gimana ya mas??.. mohon dibantu..tks

    kamroni´s last blog post..Hello world!

    Balas

  • Nugroho

    Bang d60pc kok engga jadi ya?

    Engga ada tulisan ini

    Padahal dah aq search pake Mozila dengan menekan Ctrl+F

    Aq tulis codenya engga ada. Bantuin donk.

    O ya one more thing kok postingan Q yg terakhir engga kliatan padahal klw di klik labelnya ada lho. Gimana tuh?

    Caranya bikin next page gimana mas?

    Balas

  • yumemi

    Mas, kok ada postingan yang bisa, ada yang gak bisa. Muncul di akhir postingan ? Gimana yah?

    yumemi´s last blog post..Cari Uang dengan CIAO

    Balas

  • Rayza

    Ijin copas code nya broo…..
    Setelah berkeliaran mencari ketemunya disini.. :D

    Rayza´s last blog post..Beautifull Statue

    Balas

    admin Reply:
    April 12th, 2009 at 3:48 pm

    monggo.. silahkeun…

    Balas

  • fosil94

    knapa ga muncul ya,…. dah di coba lewat copas atau ketik langsung knapa ga muncul ya,…
    mohon pencerahan dong,….

    Balas

  • hadi

    bang di blog saya gx ada kode “” jd gmn tuh cara’a?

    Balas

  • fosil94

    waaaahhh,…. ternyata dah bisa,.. :)
    makcih y,…. mang mesti manfaatin m’bah google untuk info2 yang lain,….

    fosil94´s last blog post..Renungan

    Balas

  • tips komputer

    Ko’ blog saya gak bisa kaya gitu? bacaan read more-nya ada di akhir posting. jadi postingan saya muncul semua kaya sebelumnya. Bedanya ada tulisan read more (Lanjutkan membaca…) di ujung posting saya. padahal saya sudah ngikutin instruksi di atas. Gimana yah solusinya?

    Balas

  • PropBiz

    Koq Ndak kepotong ya postingannya? “Read More” nya sih keluar, tapi di akhir postingan .
    Di html, setelah di save, scriptnya berubah jadi;


    span.fullpost {display:inline;}

    span.fullpost {display:none;}

    ****

    Read More..

    Balas

    admin Reply:
    May 19th, 2009 at 4:38 am

    pasang kode di bagian yg ingin anda potong, lalu kode pada akhir posting. pastikan anda berada pada mode html, bukan compose..

    Balas

  • felix zelin

    yeah
    mas saya berhasil
    ini contoh blog saya
    felixzelin.blogspot.com

    trimakasih banyak mas tutorialnya
    sangat membantu

    Balas

  • wisnoe

    matursuwun atas tips kpn2 tak tanya lagi…

    wisnoe´s last blog post..PUSH 2009

    Balas

  • irfan

    wah makasih nih saya coba dulu ya

    irfan´s last blog post..Mamasang backlink dengan text area

    Balas

  • youthberea

    om aku ngga bisa ke potong tuh
    read more nya udah keluar warna merah tapi udah
    di coba 4x tetep nggak kepotong..

    tolong mas…

    youthberea´s last blog post..Pelajaran Dasar 6 Minggu – Minggu 1

    Balas

  • fatkoer

    Bagus sekali posting ini. Tapi saya gak sabar nyari kode html yang dimaksud

    fatkoer´s last blog post..Mempersiapkan Diri Menghadapi SNMPTN 2009

    Balas

  • berbagi informasi

    ok..sip..mksh infony mas…

    berbagi informasi´s last blog post..Comment on (Alnect Komputer) Modem GSM 3G/HSDPA Sierra Compass 885 by angga hendra

    Balas

  • Bismillah Slamet

    Makasih banyak tipsnya sobat

    Bismillah Slamet´s last blog post..Daftar Direktori Mesin Pencari

    Balas

  • Ihsan

    makasih mas

    Balas

  • sabirin

    sebelumnya tks mas yaa…saya udah coba cek berulang kali, tetapi di template-nya tdk ada kode , yang ada cuma ..sedangkan dan yg berada diawal dan akhir tdk ada.

    Krn tdk ada jd saya coba aja dengan menambahkan kode lanjutannya seperti yg mas intruksikan…dan hasilnya read more tida berada ditempat yg diharapkan, tetapi berada di ujung tulisan…gmn mas yaa..?? saya udah coba dgn membuat blog lain, tetapi setelah dibuka template-nya jg tdk lengkap. mohon petunjukmua…sekali lagi tks byk…

    Balas

  • ramlan

    walah kok read more nya ada tapi ngak bisa di klik? larinya malah harus klik di judul post?

    Balas

  • depe

    Ini yang berhasil

    saya coba coba referensi lain selalu gagal samapai2
    posting yang sebelumya saya hapus semua. saya buat posting lagi eh sama saja.

    Thanks

    depe´s last blog post..

    Balas

  • kang dwi

    makasih banget bozzz infonya

    kang dwi´s last blog post..LINK SAHABAT

    Balas

  • ahmad

    terimakasih…

    Balas

  • Renatha

    Mas, saya sudah coba berkali-kali. Tapi kenapa muncul read morenya selalu dibawah ya?
    Kira2 apa yang salah ya?

    Tlg di bls ya mas. Makasih.

    Renatha´s last blog post..“MOTOR RELEARNING PROGRAMME” (MRP) PADA STROKE

    Balas

  • Fuad Nichi Kellyvoni

    Akhirnya bisa juga aku … thx ya bro , dari 50 artikel yg aku dapat cuma artikel km yang berhasil..

    Balas

  • doni

    Nyari-nyari kode gak ketemu, apa beda template ya?

    Balas

  • esbis

    kemarin bisa kok sekarang nggak bisa ya apa jenis template berpengarung …?

    esbis.blogspot.com

    Balas

  • Hasril Said

    thanx ya bang atas tutor readme……thanx

    Balas

  • abas djumadi

    ko saya nga bisa buat read morenya yah…….
    padahal saya udh ikuti ptunjuk yng mas berikan
    mas klu blh di prjelas yah unutk tutorial membuat read more
    supaya kami pemula blog bisa ngerti

    ……………>>>>>>>>>>>>>>>>>>…………….

    Balas

  • Hasril Said

    waduhhhh bang kok ga ngepotong artikelnya….readme muncul sih tapi artikel udh di publish semua…..gimana nich bang…wah harus tanggung jawab nich….heee…he ntar di cari desus-desus 88

    Balas

  • deni

    waduhhh hebat euy, makasih berat nich ……. ini yang di cari baru ketemu bisa potong paragraf . tks berat dah di coba dan berhasil

    Balas

  • Refinance

    Makasih Postinganmya nanti saya coba tips di atas. Salam Kenal :)

    Balas

    admin Reply:
    August 28th, 2009 at 3:19 pm

    @Refinance, sama2 mas

    Balas

  • papi erza

    Wah OK banget nih, bisa dicoba biarblognya gakkepanjangan.
    thanks banget infonya bosss…

    Balas

  • belajar affiliate

    langsung di coba aja ya mas…

    Balas

  • positivity

    makasih infonya tentang read more…bermanfaat banget buat pemula seperti saya… temen2 kunjungi blog saya yah.. salam kenal

    Balas

  • alli

    mantap bro…thanx ya

    Balas

  • T. Wahyudi

    cacri-cari tutorial blogspot… emh jadi mampir kesini…. thanks mas.. atas tutorialnya….

    salam kenal….

    Balas

  • top tips trik

    keren… nice post.

    blogwalking nih… top tips nembak keyword pake google insight

    Balas

  • ipin

    trims boss nih infonya…

    Balas

  • setyorini

    emang ribet pake blogger ya mas?
    saya sekarang baru nyoba wordpress, ternyata readmorenya tinggal klik. hihihi

    ———————————————cuma promo dikit nih———————————-
    maap, edited.. please don’t spam

    Balas

  • Ata

    mas, kok gak bisa y? muncul sih read more tapi di akhir postingan..
    mohon petunjuk

    Balas

  • Arry

    makasi infonya..
    udah saya praktekan..

    Balas

  • Nank

    Trimakasih pa, akhirnya template saya bisa di aplikasikan “Read More..” ini.
    Thx.

    Balas

  • Yosa

    Bos kasus saya seperti orang2 di atas.. read moreny malah berada di akhir postingan, padahal sudah saya edit di html mode…apakah kira2 yang salah?

    Balas

  • alispx

    makasih buat tutorialnya

    Balas

  • Rio Kurniadi

    Ijin kopas code nya bro …
    thank u ..

    Balas

  • joe

    thanks sob tutotnya….

    Balas

  • ujdze

    salam kenal … saya baru belajar bikin blog …
    saya menggunakan template minimaright_sidebar … sedang coba membuat read more … dan sudah bisa, tapi kok ada yang berubah yaa … saat halaman awal sidebar tidak ada malah jadi turun ke bawah tapi ketika read more saya klik keluar halaman baru … nah sidebarnya bisa tertampil …
    apa yang salah dengan edit html-nya
    mohon pencerahannya …

    Balas

  • Reza

    susah mas… tolongin dong

    Balas

  • ariiiiiiiiiiiiif

    boz knp yah read more nya tampilnya di akhir ????? duh puyeng ku…… YM ku ivhan_2804

    Balas

  • raj

    thank’s,bro.

    Balas

  • katarara

    thnx tipsnya. sangat menolong. tapi ada sedikit masalah ni. tulisan read more-nya muncul di semua postingan, bahkan pada tulisan ato gambar yang tidak untuk dipotong. tolong ya… thnx ;)

    Balas

  • Energy Saver

    Terima kasih Mas… Dan langsung dicoba….. :D

    Balas

  • Fraitas

    tata letaknya dimana ya gue cari” tapi ndak ketemu……mohon bantuannya thanks

    Balas

  • wiedjo

    Read more muncul di semua postingan dan selalu diakhir postingan,bagaimana merubahnya ya supaya read more muncul ditengah sesuai yang kita kehendaki n tidak muncul disemua postingan?Help please and thanks.

    Balas

  • manis asem asin

    tengktu infonya :) mau dicoba’
    aku masih pemula urusan blogging

    betewe, kok poto e admin e suwangar tenan
    hehehe

    Balas

  • opix

    askum……
    salam kenal,pak bos….
    trims… pembelajarannya moga manfaat…

    Balas

  • taufik

    askum……
    matur nuwum sak derenge

    Balas

  • ipin's cool

    thanks mas berkunjung……….

    Balas

  • Artikel Bisnis dan Usaha

    lumayan nambah ilmu, trims artikelnya. aku copy dulu buat arsip

    Balas

  • ipin's cool

    ternyata read more yang cocok cuma disini aja udah muter2 cari read more di t4 yg lain gak ada yg cocok………

    Balas

  • Joni Yulianto

    Terimakasih artikelnya. Saya coba dan sukses… Boleh saya link ke blog ini?

    Balas

    admin Reply:
    January 24th, 2010 at 9:40 pm

    @Joni Yulianto, boleh bangett

    Balas

  • Rusli Suhendra

    Thank ya artikelnya sangat membantu …sekalian minta izin copas….tuk mengisi artikel blog saya……

    Balas

Leave a Comment

«
»