Sebagai contoh, saya sudah menulis panjang. dan saya mahu sembunyikan yang lain.
Selanjutnya +/- Baca Lagi
+/-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.
have fun.!!!
Inilah post anda yang selebihnya.pelawat boleh menyambung bacaan dengan klik link Baca Lagi di atas. pengguna juga boleh sembunyikannya semula.