« Selamat Hari Raya Idul Fitri
Laporan Libur Lebaran »


Memberi "read more …" di blogger (new blogger)

Posted by aRfian on Oct 22, 2007

Saya sudah cukup lama merasa gerah dengan post di blog saya yang panjaaaaang banget…
sudah lama niat mencari cara menambahkan more/read more/baca selanjutnya/baca selengkapnya (atau apalah sesuai selera), karena fitur ini tidak disediakan blogger (tanya kenapa?) padahal wordpress menyediakannya…
niatan ini tak kunjung saya laksanakan… sampai hari ini…

setelah googling… saya temukan beberapa post, diantaranya post diblog pak sulthonie

caranya sebagai berikut:

=========
Langkah Pertama:

Login dulu ke blogger anda. Kemudian anda Klik pada LAYOUT >>TEMPLATE>>Edit HTML. Setelah masuk ke editor HTML disana anda akan melihat script code yang memusingkan. Jangan takut ga usah dipikirin. JANGAN LUPA! Centang dulu checklist Expand Template Widget. Kemudian cari kode dengan cara Find di browser anda untuk kode di bawah ini:

<div class=’post-header-line-1′/>
<div class=’post-body entry-content’>

Atau pada template lain bisa saja kode seperti dibawah ini :

<div class=’post-header-line-1′/>
<div class=’post-body’>

Jika sudah ketemu, maka copy-kan dibawahnya kode dibawah ini:

<!– Read More –>
<b:if cond=’data:blog.pageType == “item”‘>
<style>div.fullpost{display:inline;} </style>
<p><data: post.body/></p>
<b:else/>
<style>div.fullpost{display:none;} </style></b:if>
<!– End Read More –>

Dibawah kode diatas, temukan kode dibawah ini:

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

Setelah kode: <p><data: post.body/></p> simpan kode dibawah ini:
<b:if cond=’data:blog.pageType != “item”‘>
<a expr:href=’data: post.url’><b>Read more… </b></a> </b:if>

Untuk text “Read More”, anda bisa mengganti dengan kata-kata yang anda suka. Misalnya:Baca Selanjutnya…, Seterusnya…., Lihat selengkapnya…, dsb. dsb. Sesuai selera anda.

Setelah itu klik SIMPAN TEMPLATE.

SELESAI? Belum. Tenang dulu, sabar….
Anda harus mengikuti langkah berikutnya (langkah kedua), di bawah ini:

Langkah Kedua :

Klik PENGATURAN >>klik Format. Cari Box isian TEMPLATE POSTING. Nah! Pada kotak isian itu anda bisa memasukkan kode dibawah ini:

===pembukaan post===
<div class=”fullpost”>
===sisa post===
</div>

di dalam kotak editor anda. Sebenarnya ini boleh dibuat, boleh juga tidak. Bedanya, kalau dibuat, maka setiap anda posting baru, pasti muncul script diatas pada editor blogger anda. Nah!, langkah berikutnya adalah memulai membuat posting. Agar postingan anda bisa muncul “Read More…”, caranya sbb:

Head line, atau pengantar artikel anda harus disimpan sebelum kode ini ==>
<div class=”fullpost”>. Sedangkan isi lengkapnya anda simpan di antara kedua tag kode tsb.
Atau di jendela “Compose” (bukan “Edit Html” anda tinggal mengganti tulisan ===pembukaan post=== dengan pembukaan post anda (sebelum “more” dan mengganti ===sisa post=== dengan isi setelah “more” (post yang akan disembunyikan). Pemberian tanda === adalah sebagai pengaman, supaya tagnya tidak terhapus. Saya sarankan tanda === jangan dihapus dulu, supaya anda tahu mana batasannya, hapus === setelah post selesai ditulis.
Contoh :

————–

Ini adalah contoh penulisan headline untuk pengantar sebelum Read More. bla..bla..bla.. kemudian bla.. bla.. bla

<div class=”fullpost”>
Perubahan layout pada artikel agar dapat muncul Read More ternyata tidak sulit. Jadi tidak perlu takut dan bingung kalau hanya sekedar merubah kode-kode yang berbahasa dewa itu. Oke?!

</div>
=========

bisa kan….
kalau tidak bisa juga, berarti ada masalah dengan template blogger anda
hehehe

nb: setelah saya tambahkan emoticon di blog ini, semua tulisan “data: post” (tanpa spasi) berubah menjadi emoticon “dataost” jadi post diatas saya edit, dengan menambah spasi antara “:” dan “p”.
Kalau kode diatas tidak bekerja di blogger anda, mungkin karena ini, coba hilangkan spasi diantara “:” dan “p”

=====updated=====
ketemu masalah nih, kalau postnya pendek, ga perlu pake fullpost, tulisan “baca lanjutannya…” masih keluar! harusnya kan ga usah…
dicari2 solusinya belum ketemu juga nih…

ada yang ngasih solusi dengan mengubah

<!– Read More –>
<b:if cond=’data:blog.pageType == “item”‘>
<style>div.fullpost{display:inline;} </style>
<p><data: post.body/></p>
<b:else/>
<style>div.fullpost{display:none;} </style></b:if>
<!– End Read More –>

menjadi

<!– Read More –>
<b:if cond=’data:blog.pageType == “item”‘>
<style>div.fullpost{display:inline;}
div.readmore{display:none;}</style>

<p><data: post.body/></p>
<b:else/>
<style>div.fullpost{display:none;}
div.readmore{display:inline;} </style></b:if>

<!– End Read More –>

dan menulis <a class=”readmore” href=’data: xxxxxxx’><b>Read more… </b></a> </b:if> belakangan (waktu posting)… tapi jadinya harus publish dua kali
atau mengira2 alamat post nantinya –> yang saya tulis dengan xxxxxxx
memang format alamat post lumayan gampang tinggal mengganti jadi terus hilangkan tanda baca dan kata2 yang umum (the, a, dll)…
formatnya: ///.html
c: kalo judul postnya “pengalaman liburan!”, alamatnya http ://arfist.blogspot.com/2007/10/pengalaman-liburan.html
tapi ya cara ini lumayan repot… kalo linknya salah harus edit lagi… apalagi kalo lupa ngasih link…
saya mencoba cara ini, tapi postingan jadi keluar dua kali… aneh…

kalau ada yang tahu cara benerinnya, tolong infonya dong…




Related posts:
  • -




3 Comments »

dani iswara:

krn saya ngga pernah utak-atik templat xml / blogger baru, say gak bs bantu banyak nih..tp coba dicek lg templatnya..mungkin ada kode xml yg kurang pas..

October 24th, 2007 | 12:15 pm
Didik Wicaksono:
October 27th, 2007 | 9:32 am
aRfian:

halah kirain lu mau bantuin cara bikin read more…

tapi bagus juga blognya ini.
sayangnya blog gw non-komersil

October 29th, 2007 | 8:34 am
Leave a Reply


Click to add smiley
                                      

Comment