Menu

25 March 2009

Fungsi Baca Lagi/Read more

Anda tak mahu post anda terlalu panjang dan mengurangkan minat pembaca apabila melawat blog anda. bagaimana? pendekkan post anda yang dipaparkan.di sini saya kongsikan step untuk membina fungsi sembunyi/papar post yang terlalu panjang.

Sebagai contoh, saya sudah menulis panjang. dan saya mahu sembunyikan yang lain.

Selanjutnya +/- Baca Lagi

Inilah post anda yang selebihnya.pelawat boleh menyambung bacaan dengan klik link Baca Lagi di atas. pengguna juga boleh sembunyikannya semula.




+/-Klik Untuk Widget Baca Lagi / Read More


Cara Memasang Widget Ini :

1. Masuk ke Dashboard Blogger

2. Pergi ke Layout >> Edit HTML

3. JANGAN tanda pada Expand Widget Template. Cari code ]]></b:skin>

4. Salin dan paste code css dibawah ini betul-betul sebelum code di step 3.


.commenthidden {display:none}
.commentshown {display:inline}


5. Letakkan code dibawah selepas tag <head>


<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>


6. Letakkan code dibawah ketika anda menulis post. Tukar NAMA_UNIK kepada nama yang berbeza untuk setiap post ( contoh : post1, post2, post3, dll.) , kemudian, kawansan tulisan merah adalah tempat anda menaip post anda yang selebihnya(yang akan tersembunyi). Tulisan biru wadalah nama link sama ada Read More, Baca Lagi dan apa saja yang anda suka.


Taip post anda disini....

<a aiotitle="click to expand" href="javascript:togglecomments('NAMA_UNIK')">+/- Title of the post link</a><div class="commenthidden" id="NAMA_UNIK"><p>baki post anda yang hendak disembunyikan</div>


8. Jika anda mahu gunakan widget ini selalu,anda boleh letakkan di template post anda. Paste code di atas di template post anda. Dashboard >> Settings >> Formatting >> Post Template. Dengan buat begini, setiap kali anda mahu menaip post baru, code di atas sudah siap disertakan bersama.

:) Selamat Mencuba.


8 comments:

  1. trimas husz. code ni memang berkesan dan mudah.

    ReplyDelete
  2. salam..kenapa bila dh ikut semua yg disuruh, tp x jd pun...tolong...

    ReplyDelete
  3. Harap enta boleh lawat my blog, http://miverdaderodestino.blogspot.com

    cuba enta try click read more ana pada dua posting yg paling latest...try click dua2 sekali...ana nk bgtau ape masalah xpndai...harap enta boleh tolong...

    ReplyDelete
  4. Salam...
    X bape nk faham instruction tuk gune diz widget all the time. Nk ltk code yg mana dkt Post Template tu? Semua tu ke?

    ReplyDelete
  5. dekat post template letak code yg code kotak ke3 je. yg kotak pertama dan kedua tu letak kat edit html template tu.

    ReplyDelete
  6. salam.. da try wat, tp tak jadi la. huhu
    stuck dekat no.5 tu.
    lepas tu, bile da tukar yg dekat warne2 tu, die jd lain lak. huhu
    cmne ek?

    ReplyDelete