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.
trimas husz. code ni memang berkesan dan mudah.
ReplyDeletethanx.. hehe
ReplyDeletesalam..kenapa bila dh ikut semua yg disuruh, tp x jd pun...tolong...
ReplyDeleteHarap enta boleh lawat my blog, http://miverdaderodestino.blogspot.com
ReplyDeletecuba 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...
Salam...
ReplyDeleteX bape nk faham instruction tuk gune diz widget all the time. Nk ltk code yg mana dkt Post Template tu? Semua tu ke?
dekat post template letak code yg code kotak ke3 je. yg kotak pertama dan kedua tu letak kat edit html template tu.
ReplyDeleteOwh.. Orait.. Thanx ya~ =)
ReplyDeletesalam.. da try wat, tp tak jadi la. huhu
ReplyDeletestuck dekat no.5 tu.
lepas tu, bile da tukar yg dekat warne2 tu, die jd lain lak. huhu
cmne ek?