• Home
  • Blogger
  • Wordpress
  • Website
  • Download
  • Graphic
  • Personal
or for more features!
BlogMenjerit : Pusat Kecantikan Blogspot dan Wordpress
BlogMenjerit : Pusat Kecantikan Blogspot dan Wordpress

Jangan lupa weyh... Seminit je amik masa.

Membuat Baca Selanjutnya (versi 1)

27 February '08

Jika postingan terlalu panjang maka hasilnya pengunjung akan cepat berasa bosan dengan postingan anda yang meleret-leret. Kebiasaan pemilik blog yang perasan tentang hal ini dan akan menggunakan pendekatan untuk menampilkan separuh daripada isi yang hendak disampaikan. Pada akhir postingan akan ditulis baca selanjutnya ataupun kata-kata lain yang membawa maksud yang hampir sama contohnya baca lagi, artikel selengkapnya ataupun klik saya untuk lihat keseluruhan isi postingan.

1. Pada halaman {Template}, sila pilih {Edit Html}. Jangan lupa tanda pada kotak (Expand Widget Template}.

2. Cari kod di bawah ini:

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

Tambahkan kod ini di bawahnya:

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

3. Cari kod di bawah ini:

<p><data:post.body/></p>

Tambahkan kod ini di bawahnya:

<a expr:href='data:post.url'>Baca Selengkapnya…</a>
</b:if>

Sila gantikan perkataan pada baris yang telah ditebalkan dengan warna hijau mengikut citarasa anda.

4. Pilih {Save Template} dan lihat hasilnya. Untuk mencuba apakah tutorial ini berfungsi, pilih {New Post}.

5. Kemudian tambah kod ini di antara kata-kata yang kita mahu jadikan baca selanjutnya. Jika anda berminat untuk membuat baca selanjutnya setiap kali anda posting, cukuplah sekadar menambah kod ini kedalam halaman {Template} kemudian pilih {Save}.

Contoh penulisan :

Penulisan bermula disini
<span id="fullpost">
Penulisan baca selanjutnya bermula disini
</span>

Related Posts

  • Membuat Baca Selanjutnya (versi 3)
  • Membuat Baca Selanjutnya (versi 2)
  • Memasang butang Negaraku! (versi 2)
  • Memasang skrip Ikon Senyuman Knot
  • Memasang skrip Ikon Senyuman Upin & Ipin (edisi istimewa)
  • Memasang skrip Ikon Senyuman Riceballs
  • Memasang penomboran pada komentar
  • Memasang butang Negaraku!
  • Menukar tulisan home, older dan newer post dengan imej
  • Membuat hyperlink berwarna pelangi
Komen anda amat bernilai buat penulis. Tulislah walaupun sedikit, jadilah blogger yang bermanfaat.
baca selanjutnya, posting
59 Comments 625 Views

or for more features!

RSS feed | Trackback URI

59 Comments »

Comment by Zariel
2008-04-20 04:15:00

apsal aku buat x jadi2 bro?? kenapa?? why? tp aku akn cuba lagi…nnt aku rujuk lain dgn ko…ok

Reply to this comment
 
Comment by blogmenjerit
2008-04-20 04:39:00

zariel : bahagian mana tak jadi?

Reply to this comment
 
Comment by zariel
2008-04-20 04:47:00

aku dh letak semua kod2 dia…kat post template pun dh letak…bila aku adjust post yg latest aku…x nk pulak…mmg kena buat ‘new post’ gak ke? yg lama x leh adjust ke? klau ko bls pn esok je la aku buat balik…x tahan ngantuk dh ni wei..ko buat pe lg x tido ha? hehe

Reply to this comment
 
Comment by blogmenjerit
2008-04-20 05:32:00

zariel : boleh saja, cuma pembuka dan penutup kod kena betul

betul - <div><span><p></p></span></div>

salah - <div><span><p></span></div></p>

lihat apa bezanya

Reply to this comment
 
Comment by Zariel
2008-04-20 18:53:00

tima kasih bro..aku dh tau pe silap aku… /span tu kena letak kat bawah sekali postingan…cara terbaik taip postingan guna ‘mode html’…bkn ‘mode compose’…so /span tu x hilang…sblm ni aku taip posting dlm ‘mode compose’…sori la bro…nyusahkan ko je…

Reply to this comment
 
Comment by blogmenjerit
2008-04-20 19:10:00

zariel : kalau buka mod compose, memang akan bercelaru nanti.

Reply to this comment
 
Comment by .
2008-05-01 01:07:00

Salam…
Boleh ke kita buat pada posting yang lama?

Reply to this comment
 
Comment by blogmenjerit
2008-05-01 08:36:00

. : ya, boleh. Tekan {edit post} lepas tu tambah kod diatas

Reply to this comment
 
Comment by Abu Asma` Sofiadie
2008-05-03 10:48:00

XML error message: The element type “div” must be terminated by the matching end-tag “

kenapa keluar arahan nie ye

Reply to this comment
 
Comment by blogmenjerit
2008-05-03 12:02:00

Abu Asma` Sofiadie : lihat kod div, adakah ianya betul? div lawannya /div

Reply to this comment
 
Comment by Abu Asma` Sofiadie
2008-05-04 09:38:00

Sya hanya copy and paste koding nie
kat atas tu

tapi yang peliknye keluar arahan nie..

XML error message: The element type “div” must be terminated by the matching end-tag ”

kat mana saya nak letakkan < /div > tu??

Reply to this comment
 
Comment by blogmenjerit
2008-05-04 11:47:00

Abu Asma` Sofiadie : hantarkan kod itu kepada saya disini. Sebelum itu pastikan nyahkod dulu disini

Reply to this comment
 
Comment by FINAL SOLUTION
2008-05-05 16:33:00

Bro.. pesal die jadi gini, aku nak wat satu post je yg ada “baca Selengkapanya” tapi nih semua post aku skrang kat bawah die ade tulih bace selanjutnya kat akhir ayat psot tuh.. nape jadi gitu. Tolong2

Reply to this comment
 
Comment by FINAL SOLUTION
2008-05-05 16:34:00

Bro ko leh jenguk blog aku jap x tgk ape masalah yg aku ckpkan tuh…

Reply to this comment
 
Comment by blogmenjerit
2008-05-05 19:27:00

final solution : kod ini memang menampilakan baca selanjutnya pada seluruh postingan walaupun anda tidak mahu menggunakannya. untuk menggunakan pada sesetengah postingan sahaja, sila gunakan versi 2 ya.

Reply to this comment
 
Comment by razifembi
2008-05-11 22:52:00

bm macam bayang antu … drop by sekelip mata …

tolong tgk…apa tak kena . . .
aku paste je ..

xbley save …tag ape tah …div..

Reply to this comment
 
Comment by chrySalise
2008-05-18 13:11:00

sifu…salise wat kan tak jadi oh.. :((

nape tah…tiba2 sume posting tak appear…yg ada widget2 kat kolum kiri aje…

Reply to this comment
 
Comment by blogmenjerit
2008-05-18 13:48:00

razifembi : lihat komentar orang lain, penulis dah terangkan.

chrySalise : step mana tak jadi?

Reply to this comment
 
Comment by chrySalise
2008-05-18 14:14:00

salise da wat smpi save template…

then bila nak view blog, posting sudah tak appear…

so salise del balik sume code yg dah copy dlm edit html tu…

Reply to this comment
 
Comment by blogmenjerit
2008-05-18 14:26:00

chrySalise : mungkin salah letak

Reply to this comment
 
Comment by chrySalise
2008-05-18 15:40:00

erm…maybe jua…

nnt salise try lagi eyh sifu ;)

Reply to this comment
 
Comment by sueela
2008-05-19 21:51:00

TQVM..sy dah byk kali cari tutorial ni..cuba ikut dari tutorial blog/web yg lain..x mnjadi..ade jek error msg tapi setelah mengikuti tutorial ini saya berjaya menghasilkannya tp mslhnye kenape..tajuk je yg keluar di blog sy sedangkan ayat untuk perenggan pertama tak keluar..sepatutnye…abcde bla..bla..pastu..baca selanjutnye
harap dapat membantu

Reply to this comment
 
Comment by blogmenjerit
2008-05-20 01:53:00

chrysalise : ya, penulis tunggu

sueela : anda tersalah buat, penulis amat pasti. Samada step 4 atau 6 anda yang salah.

Reply to this comment
 
Comment by xamadx
2008-05-21 06:03:00

bos, aku dah guna cara ni. it’s working. time kasih banyok!

Reply to this comment
 
Comment by blogmenjerit
2008-05-24 01:43:00

xamadx : sama-sama

Reply to this comment
 
Comment by framestone
2008-05-24 10:25:00

arghh…aku xjumpe coding nie kat blog aku huhuhu

Reply to this comment
 
Comment by blogmenjerit
2008-05-25 00:31:00

framestone : kod mana tak jumpa? sebaiknya terangkan secara terperinci untuk menyenangkan penulis membantu.

paling kurang pun bagi kod template

Reply to this comment
 
Comment by Gambarartis2u
2008-06-08 22:35:00

bro tak jadi la.. aku buat post baca selanjutnya.. post aku tak kuar terus.. semua sekali.. apasal y.

Reply to this comment
 
Comment by blogmenjerit
2008-06-08 23:06:00

Gambarartis2u : baca dan fahamkan step demi step

Reply to this comment
 
Comment by Gambarartis2u
2008-06-08 23:12:00

saya dah susun mengikut step yang awak ajar tapi tak berhasil.. masih sama jugak.. tak tahu silap kat mana..

Reply to this comment
 
Comment by Gambarartis2u
2008-06-08 23:23:00

lepas aku masuk kode tersebut seperti diarahkan..selepas save semua posting yang dipaparkan dihadapan blog terus dia hide kan posting aku.. sebelum aku masukkan kode ini, posting aku terpapar sebanyak 6 posting.. adakah setelah kode ini dimasukkan posting lama akan di hide kan.. pening la..

Reply to this comment
 
Comment by blogmenjerit
2008-06-19 21:29:00

Gambarartis2u : apa alamat URL blog anda?

Reply to this comment
 
Comment by Moccicuna
2008-06-19 21:35:00

ok,ape kod sy kena cari ye?

Reply to this comment
 
Comment by blogmenjerit
2008-06-19 21:52:00

Moccicuna : cari data:post.body

Reply to this comment
 
Comment by aku..ibnmasir
2008-06-20 00:25:00

ok bm, thanx so much..de ckit2 xpandai nk gune sgt kod2 tue..pe2 hal pun..tQ BM

Reply to this comment
 
Comment by Kaizer
2008-06-21 22:33:00

bro coding yg first tu tak jumpa la…mungkin sbb aku amik template yg dicustomize oleh org lain kot

Reply to this comment
 
Comment by neo
2008-06-22 21:45:00

wwaawaw,xjadi pon???

Reply to this comment
 
Comment by Apai Lah
2008-06-23 05:36:00

Tolong! Tolong! Aku dah buat dah step by step. Rupanya ade 2 data:post.body. Satu yang default punya dan satu lagi code dari BM. Bila buat, jadi tu jadi la, tapi, artikel tu tetap tunjuk semua. Link “Baca Selanjutnya” ada kat bawah.

Kod span tu nak letak di mana? Tengah-tengah artikel boleh letak ke? Ke memang nak kena letak di bawah?

Reply to this comment
 
Comment by blogmenjerit
2008-06-23 19:42:00

aku..ibnmasir : nanti biasa la tu

kaizer : ada mungkin hampir-hampir sama

neo : apa yang tak jadi?

apai lah : kalau sudah jadi, kena la edit blog balik dan letak kod sama seperti step no 3

Reply to this comment
 
Comment by dbaghani
2008-06-25 06:34:00

DEAR BM,napa template saya tak da kod 2???penat dba bwat???

Reply to this comment
 
Comment by dbaghani
2008-06-25 06:39:00

dba perasan,ada v1??maksdnya apa??
ada versi laen ker??

Reply to this comment
 
Comment by blogmenjerit
2008-06-25 12:47:00

dba : penulis buat tutorial lagi penat. cubalah buat lagi. ya, ada versi 1 dan versi 2

Reply to this comment
 
Comment by janggeltrekker
2008-07-01 17:00:04

salam bro…aku dah try copy and past pada Edit HTML tapi benda ni yang keluar..:

“Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “cond”.”

Nak save tak boleh la bor…canne erk?

Reply to this comment
 
Comment by blogmenjerit
2008-07-01 20:12:16

janggeltrekker : kod dibaiki, cuba kembali

Reply to this comment
 
Comment by janggeltrekker
2008-07-02 09:08:47

TQ..TQ brooo

Reply to this comment
 
Comment by Jeneral
2008-07-06 19:53:04

t.Q @ terima kasih BM, v1 lebih CUN dari v2 :grin: :grin:

Reply to this comment
 
Comment by ibnurashidi
2008-07-10 11:04:18

salam..

camna nk wat read more tu ada kotak n kaler cntik2?plez respon..

Reply to this comment
Comment by BlogMenjerit
2008-08-17 00:20:41

gantikan sahaja perkataan baca selanjutnya tu denan imej ya

Reply to this comment
 
 
Comment by DaPPhyeZ
2008-08-16 21:59:47

BM… knape saya buat tetibe jer sume blog ilang??

Reply to this comment
Comment by BlogMenjerit
2008-08-17 00:18:55

Salah ikut tutorial la tu, telitikan lagi

Reply to this comment
 
 
Comment by Pert Doherty
2008-08-25 03:12:27

bro xjdi la..
dia punya “baca selanjutnya” tu muncul tp posting show semua..

cmner nk buat posting tu cume separuh je..
sia sia je taruk klu posting kluar sume…

cbe ushar page aku… tengok cmner nk setelkan problem 2..

Reply to this comment
Comment by BlogMenjerit
2008-08-25 03:21:59

kena edit balik semua sekali pos. guna format no 5 tu. da betul latu buat.

Reply to this comment
Comment by Pert Doherty
2008-08-25 12:32:11

yang no 5 tu kne buat kt edit post??

aku buat cmni:

aku suka

makan

tpi still kluar sume..

ape sebabnye ek??

Reply to this comment
Comment by BlogMenjerit
2008-08-25 21:55:15

ya… cuba post kod no lima tu dalam new post. kalau menjadi, kena edit semula semua pos-pos anda sebelum ini. apa macam? rasanya tutorial anda ikuti sudah betul cuma anda tak faham macam mana nak guna

Reply to this comment
Comment by Pert Doherty
2008-08-26 06:48:07

bro dah boleh.. tp aku guna version 2…
give up aku try version 1…

pepehal time ksih banyak.. :D

(Comments wont nest below this level)
Reply here
 
 
 
 
 
Comment by ajoy205
2008-11-02 18:18:31

bro…
aku mengalami mslh yg hampe same ngan salise & gambar artis2u..
lepas aku ikut step yg ko aja nih, sume entri aku di’hide’kan..
pastu aku cube wat entri baru, tapi still dihidekan gak..
urm..
widget2 yg len sume ade..
aku da cube padam balik kod yg aku da paste tu tapi still same gak..
bro plez help me..
blog aku yg nih aku da letak mcm2 da…
nuffnang ade, adsense ade, shoutbox ade…
plez2……..

Reply to this comment
Comment by BlogMenjerit
2008-11-03 04:16:02

ym aku : marzuki_jalil

Reply to this comment
Comment by ajoy205
2008-11-03 14:55:30

xpe la..
aku da wat yg br…

Reply to this comment
 
 
 
Click here to cancel "reply".
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)

Comments links could be nofollow free.
:D :) :( :o 8) :eek: ;-( :grin: :wink: :arrow: :idea: :?: :!: :evil: O:) :-| :-* :-(( :poke: :love: :tired: :emotion: :party: :clown: :worried: X( :p

Trackback responses to this post

  • jrbpfrhu
  • Advertisement





  • Tag Cloud

    add-ons adobe adobe photoshop anugerah baca selanjutnya background bandwidth customize domain e-book efek effect emotikon favicon fixed footer footer google grafik header home kalendar komentar label link tab motivasi mybloglog navbar newer post older post page rank plugin post footer posting resize sharethis sidebar social bookmark social button software tag technorati template thumbnail twitter widget blogger (108)
    grafik (10)
    lamanweb (21)
    muatturun (8)
    peribadi (15)
    wordpress (14)

    WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.

  • RSS Blog peribadi penulis

    • Aku BercutiNovember 13, 2008