Apr 3, 2010

Fungsi Baca Seterusnya (Read More) Baru Dari Blogger

Blogger telah menyediakan satu fungsi baru untuk 'expandbale post read more' yang mereka namakan After the jump. Sebahagian pendek dari pos yang panjang akan dipamirkan dalam blog dan di bawahnya ada pautan baca seterusnya sebagai capaian untuk membuka pos penuh.

Fungsi jump breaks ini mudah disediakan dan tidak akan melibatkan sebarang pindaan kepada kod HTML blog. Tidak melibatkan semua pos-pos yang ada blog kerana boleh di buat kepada pos-pos pilihan sahaja.

Semasa membuat pos letakan mouse cursor di mana perkataan baca seterusnya ingin di tunjukkan.

Sekiranya pos dibuat atau disunting di bawah mode Edit HTML kita cuma perlu taip <!-- more --> di poin berkenaan.

Sekiranya pos dibuat atau disunting di bawah mode Compose, klik ikon Insert Jump Break yang sedia ada dalam tool bar post editor:


Satu garisan kelabu akan muncul di mana mouse cursor berada. Garis ini di di drag untuk di alih ketempat lain. Selepas klik PUBLISH POST tulisan baca seterusnya akan keluar ditempat berkenaan dalam pos blog.

Teks asal yang disediakan oleh Blogger adalah teks Read more.... Teks ini boleh ditukar di bawah pilihan Edit Blog Posts seperti berikut:



Taip dan pinda perkataan Read more di ruangan Post page link text: dalam tetingkap Configure Blog Posts::


Penting:

Sekiranya blog menggunakan template dari pihak ketiga bukan template yang disediakan oleh Blogger sila pastikan kod HTML berikut ada terdapat atau tidak:


<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>

Jika tidak terdapat sila salin kod di atas. Cari kod <data:post.body/> dan masukan kod ini di bawahnya seperti berikut:



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



Jika tidak baca seterusnya tidak akan berfungsi.

Sekian, selamat mencuba dan selamat berjaya.

Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL http://calipso-tutorialblogger.blogspot.com/.

Salam hormat dari

4 comments:

sinagarimba said... [Balas komen ini]

bagus blog ni. banyak boleh belajar.
tapi camne kat compose dalam blog saya tak der icon Insert Jump Break.
dah puas cari. memang tak der.
camner bro nak bagi ada.

Admin said... [Balas komen ini]

kena tambah masukkan kod data:post.hasJumplij dalam kod template dulu. Masukkan tempat yang ditunjukkan dalam panduan atas:

<b:if>
<div>
<data:post.jumptext>
</data:post.jumptext>
</div>
</b:if>

sinagarimba said... [Balas komen ini]

info yang bagus bro.
tengah cari point ni jumpa gak kat sini. tq

shah blogger said... [Balas komen ini]

huhu calipso ni banyak bagi toturial Yang Simple dan mudah untuk berblogging.. bnyk2 toturial read more aku jumpa, ni la paling simple dan senang hehe.. tingat lak aku masa zaman baru nak berblog. maksud URL pon xtau. hehe

Thumps up bro

Post a Comment