設定貼子語言 Set language for posts :
中文
English
中英雙文 English & Chinese

12.03.2012 | 互動發貼

[Volume 7 Issue 3, #1351]
一路以來我啲post都儘量保持精簡, 因為我唔鐘意寫長篇大論, 以至讀者需要scroll廿分鐘先可以讀晒全文.. 所以就用比較互動嘅方法, 讀者睇晒摘要之余, 可以自行選擇睇唔睇埋啲詳細故事.. 有讀者建(玩玩下)議搞個blog workshop, 好啦, 今日就同大家分享點樣用buttons嚟顯示額外詳細故事啦.. 我只唔會有(好多)人得鬼閑去試喇, 所以睇下反應如何先決定以後要唔要繼續分享啦.. :)
i always keep my posts short and sweet, because i don't like posting long winded stories that you need to scroll for 20 minutes to finish reading.. that's where i usually have interactive posts to let readers just read the summary and opt whether to continue with the details.. some readers (jokingly) suggest blog workshop and so today i came with this idea to share how to create an interactive posts using buttons to show detailed stories.. well, i know not many will give a d*mn to try, so let's see how's the response and decide if there will be further need of sharing~~ :)

150 comments:

  1. First thing first! Good morning Cikgu SK!

    Good morning everyone. :)

    ReplyDelete
    Replies
    1. Good morning, Sista Lina!!

      Good morning, world!

      Delete
    2. Good Morning our FIRST LADY Lina!!!



      Good morning Yvonne and the world!

      Delete
    3. wow, since when lina becomes the FIRST LADY?? i will support you if you don't buy diamond rings, branded handbags and stay at expensive presidential suites..

      Delete
    4. LOL!

      You remember one of my earlier post or not?

      I don't need flowers. I don't need chocolates. I don't need diamonds. Definitely no branded handbags.

      Hahaha

      Vote for me! ;p

      Delete
    5. LOL! Yaya, I support FIRST LADY Lina! *err, I no need those huge diamonds, just a small 7-carat is enough, can ar FIRST LADY, can?

      Delete
    6. Yvonne,
      For you cannot lah! Have to bling-bling one, since you are QUEEN YVONNE! LOL

      Delete
  2. Thank you Cikgu SK for the tutorial.

    Will print and read some time. Definitely not now. Now busy spamming first!

    LOL

    ReplyDelete
    Replies
    1. Already save the pdf document in my harddisc, will be reading in a short while :)

      Delete
    2. aiyah, print out no use one, must save as softcopy inside your PC, so that you will always see that instead of dumping the papers in one corner~~ :p

      Delete
    3. For me canot lah. Have to print. Old people mah. xD

      If print - then can bring everywhere to read.

      Visit toilet can read. Before sleep can read.

      I don't have an iPhone remember?

      kekeke

      Delete
    4. But Lina, you printed out, bring to toilet cannot practice on-the-spot, how? Bring along your laptop and charger and sit on your throne?

      Delete
    5. Print out to read first lor.

      Understand only go to PC and practise. ;)

      Delete
    6. Fuyoh, can understand the HTML without the need of using pc... geng!

      My brain very slow one, need to read and do at the same time. If read-read only, when come back to pc will tend to forget all coding :p

      Delete
  3. Classmates Jedi TM, Dart Vader KF & Queen Yvonne belum masuk kelas lagi kah?

    So lonely la this morning here!

    LOL

    ReplyDelete
    Replies
    1. The prefect stopped outside the classroom door because I still wore pyjamas! LOL

      Delete
    2. Now only masuk kelas, just now need to entertain Ms. Monday Blues

      Delete
    3. TM,
      LOL

      Still Monday blues izit? Purposely wear pyjama so prefect stop you. No need to attend class like that, right? ;p

      Yvonne,
      Don't entertain the blues too much lah.

      Come come. We spam SK blog summore. Sure feel happy one.

      Just don't look at the chart. Otherwise got pressure. ;p

      Delete
    4. i am Prefect Thambee.. why all late today?? monday cannot wake up because of the clubbing weekends is it?? :D

      Delete
    5. Prefect Thambee,

      I so good girl what!

      Delete
    6. Prefect Thambee... you also late wer? So late baru come catch ppl :p

      Delete
  4. Maybe we all should try putting up one interactve post to show SK how much we understand & learn.

    Right, classmates?

    Right, Cikgu SK?

    ^^

    ReplyDelete
    Replies
    1. FIRST LADY Lina, I saw the PDF X 3 pages and my head went bonkers!



      Muahahahahahahaha!

      Delete
    2. Having the same feeling like Jedi TM when I opened the pdf file.

      Why la, SK, put this thing up on Monday morning. Put some jokes to brighten the day and wash away the blues...

      Delete
    3. True oso lah!

      Why got "class" on Monday one!

      Monday should post happy, happy post.

      Make us all smile while spamming!

      LOL

      Delete
    4. aiyoyo, this is the simplest form of interactive post lah.. you want to see more complicated ones?? like the one you click the photo, then countdown and show another photo?? or even the one spot the differences you used to play?? hehe~~ :p

      Delete
  5. I think I will fail and need to re-sit again. Anyone can give me tuition?

    ReplyDelete
    Replies
    1. Ask Sifu SK lar... xD

      Right, Sifu? ^^

      Delete
    2. hehehe, Anay how much you are gonna pay Thambee dei?? :p

      Delete
  6. Hey Thambee I know you always posted short and sweet like candies but this one is so pusing like MURUKU!! Dei, got so many keys and formulas plus HTML....aiyoyoyo anay faints, scratching his doti.

    ReplyDelete
    Replies
    1. I like muruku.

      Muekekee

      Delete
    2. Anay.. yenggaborrenge?? there are not keys and formulae at all, just those HTML tags only, simple simple only lah if copy and past Thambee's instructions.. as simple as eating muruku~~ :D

      Delete
    3. If got no teeth, not easy to eat muruku la dei!

      kakaka

      Delete
    4. Copy and paste? sure boh? Later I go paste, then got HTML coding error I try to correct it and it leads to more error.... die la. Need to redo all.

      Delete
    5. @yvonne u can backup ur old html code in a random note, so you can paste back the html if got some funny thing happen

      Delete
  7. What I requested was workshop at your home cum lunch treat of tosai with curry ayam massala but you gimme online workshop pula.



    Okay okay, I will try yeah....slap my mouths! Phiak!

    ReplyDelete
    Replies
    1. Aiyoyo... Twilight Man,
      You are making me hungry dei!

      Delete
    2. hehehe, everyone so hungry while working?? burps, i just had a very satisfying "braised yee mee", so nice~~ :p

      Delete
    3. WORKSHOP! WORKSHOP! WORKSHOP! WORKSHOP! WORKSHOP! WORKSHOP! WORKSHOP! WORKSHOP! WORKSHOP! WORKSHOP! WORKSHOP! WORKSHOP! WORKSHOP! :D

      Delete
  8. I hope everyone will participate this brilliant online class! After pass, we will have graduation day with Doraemon hat given by SK Thambee. LOl...

    ReplyDelete
    Replies
    1. errr, but doraemon doesn't wear a hat Anay.. maybe the little helicopter~~

      Delete
    2. I was wondering with "doraemon hat" too... That cat's head is clean and clear = botak.

      Delete
    3. hahaha doraemon? I love it wei lol! maybe doralin ribbon will do :P

      Delete
  9. Tank kiew, SK for putting up the effort to come up with 3 pages pdf tutorial - dummy to insert push button.

    ReplyDelete
    Replies
    1. Yeah, so nice of him to teach us ar.

      Now must go try the feature lor.. Otherwise Sifu won't teach us new things afterwards.

      Delete
    2. haha, yalah, i think once you tried it you will love it.. it makes your post so much more interesting lah..

      Delete
  10. I hope after days of dizziness reading the HTML code I would be able to come up with a simple interactive button ;)

    ReplyDelete
    Replies
    1. LOL

      Me too!

      For the time being, still recovering from dizziness. ;p

      Delete
    2. sure you can make it.. and after you are done with it, you definitely will feel the pride!! eih, Bananaz also can make it, why not you all young gadis~~ :p

      Delete
    3. SK sure pandai "kipas" us la Yvonne.

      xD

      Delete
    4. Hehehehe... why leh?

      I'm no young girl anymore, too old to learn already.
      Some more, brain got a lot of bad sector and not enough space to store new data.

      Delete
    5. LOL at Yvonne's comment. ;p

      Delete
  11. Bravo to SK for the short and informative post, instead of spending 20 minutes reading and digesting an entry, this short one is equally entertaining and easy to understand :)

    ReplyDelete
    Replies
    1. hehehe, i also noticed you are now posting short posts with one or two photos only.. like this make things easier right?? :)

      Delete
    2. Good observing, SK!

      You're my inspiration, mah~~
      Hope you don't see me as copy cat :p

      Delete
  12. Imma going to write short-short entry too (and put an interactive button to reveal my long-winded story, muahahahaha)

    ReplyDelete
    Replies
    1. My story also always so long-winded.

      And I suspect people just skim over them.

      Can see prove reading their comments. LOL

      Anyway, at least got people read and comment lar. Otherwise, SADDDDDD.....

      Delete
    2. hehehe, that's why when you read your comments, you know whether that reader has read your post contents or not, or just seeing the photo then try to create stories~~ :p

      Delete
    3. Case in point - this blog.

      Visitors helped to create more stories, thanks to a few hardcore commentors.

      LOL

      Delete
    4. If going to write long post, just make sure the point is clear and direct like highway; not blur and zig zag snaky like trunk roads.

      Otherwise, I would scratch my head and pull my hair trying to understand the whole thing.

      Delete
  13. Does this entry mark as our first tutorial on HTML? Will there be more coming?

    ReplyDelete
    Replies
    1. I hope so.

      Dear Sifu SK,
      Better come up with new tutorials in future.

      Love,
      Your adoring students.

      muahaha!!!!

      Delete
    2. yalah, this is the first one.. see how is the response first before we decide whether got new episodes lor.. :)

      Delete
    3. Hehehe, sounded like film producer - need to see the response from the crowd whether laku or no. No laku, no following installment.

      Delete
  14. Ya, all your blog posts have the same pattern, short, simple and with one photo ;)

    ReplyDelete
    Replies
    1. yalah, like that easier for myself and easier for the readers too mah.. don't have to spend too much time, haha!!

      Delete
    2. The post simple and easy to read.

      But wait till you want to read all the comments!

      Die!

      Soo looooooooooong!

      So much nonsense too!

      LOL

      Delete
    3. one of the new trend of blogging, influence from Master [SK] hahahah :X

      Delete
  15. No doubt an interactive feature may be more canggih, I think a link can do the job just as well. No?

    However, the pdf file will come in useful for those who would like to give it a shot.

    ReplyDelete
    Replies
    1. errr, a link is linking another webpage or a section within the posts.. can do similar things but a button is more interactive per se.. :)

      Delete
    2. More fun it being interactive instead of going to a new link.

      :)

      Delete
    3. For someone like me who love to click and see-what-happen, this button is surely attractive and tempting, hihi!

      Delete
  16. Thanks for sharing. Very interesting. I will sure refer to your button in this post if one day I have time.

    ReplyDelete
    Replies
    1. hahaah, don't give yourself excuse lah!! tell yourself "my next post must be interactive!!".. :)

      Delete
  17. Thanks 1st, but more interested in the "calculate comments" scripts, hahaha.
    btw, have you found the way of input chinese word using photoscape? maybe need to switch to chinese version.

    ReplyDelete
    Replies
    1. aiyoh, that one is proprietary knowledge cannot share one.. but i think you calculate manually is faster than using the scripts lah, hahaha~~ hmmm, photoscape doesn't support chinese input, if you want then use MS Word to do that, then screen cap into photoscape to continue lor.. :)

      Delete
    2. Can lah! Friend, I tried liao, can!! Only need to switch to Chinese version.

      Delete
    3. huh?? can meh?? how to switch to chinese version?? i only got the english woh.. you teach me lah~~ :p

      Delete
  18. This is so cool! too bad I am so lazy to do it lol!

    ReplyDelete
    Replies
    1. No, KF. If no response from his readers, SK won't post any other HTML tips and tricks here.

      Please support him by doing at least one entry.....please....

      Delete
    2. Support SK! ;)

      But then, to support - the diehard supporters need to used whatever learnt here lor.

      When are we posting our interactive posts ah? xD

      Whose going first? Jedi TM, Dart Vader KF or Queen Yvonne?

      kikiki

      Delete
    3. hahahaha!! no need to purposely try to please me lah, if really no body doing it then i also can save the hassle to create the document mah~~ :)

      Delete
  19. This is like one of the HTML code that I need to learn on my Secondary School, and most of my friend fail the Computer Test lmao!

    ReplyDelete
    Replies
    1. Eh, secondary school got teaches HTML meh?

      So canggih already ka. I only learned programming during uni time.

      Delete
    2. I got. From Form 1 - 4. But sadly still stupid about this, despite graduating with an IT cert and continued with a programming cert. Dunno how I pass all my exams. LOL

      Delete
    3. wah, secondary school you learned this ah?? means you so much younger than me, haha.. secondary school no programming, university also no programming.. i only learned HTML when i went to work last time..

      Delete
    4. Wah, SK, you picked up HTML on your own? I left HTML when I graduated, doing SQL programming ok la ;)

      Then you must be very good at Excel scripting too?

      Delete
    5. Lina, you'd learned programming during secondary school :O

      You are younger than me then! I'm so, so old.

      Delete
  20. You know, this post reminds me of secondary school teacher, which is very bad teaching in computing as in HTML code. Luckily I went college and learn computer and designing, I pass the subject as in score in distinction! :D

    ReplyDelete
    Replies
    1. *clap clap* passed with distinction *awe*

      You just reminded me that I always get C for my programming T___T sad case.

      Delete
    2. Me too. C also feel very lucky oredi! LOL

      Delete
    3. haha, i also not good at programming last time one, always don't have the logic to think.. but after i work, slowly picked up and i think it's good, makes you think logically all the possibilities.. and debugging is so fun right?? hehe!!

      Delete
    4. haha i dunno how to debug the bug or anything! will be dam headache lo :/

      Delete
    5. @lina @yvonne sorry for the sad reminder :P

      Delete
  21. Anyways Thanks SK for the tips! hahaha, this post will gain alot of influence and I will +1 to google button.

    ReplyDelete
    Replies
    1. haha, thank you very much for your support ah~~

      Delete
  22. Master Guru of HTML hahaha

    I think seriously, youngster should learn how to do HTML code man . . . depends google too much will become siao lang sometimes :/

    wrong info can be found too!

    ReplyDelete
    Replies
    1. aiyah, now purely HTML no use already lah.. must know how to do rich internet application only good mah.. things like flash is more popular now lor..

      Delete
    2. yah I also wish to learn how to use flash now, and most of the designer portfolio website most of them is flash too!

      Delete
  23. Wooeee! The Scripteaser of the Year & Sifu in action. tQ for the scripteasing, will have a go. Xiexie

    ReplyDelete
    Replies
    1. hehehehehe!! why you long time no blog?? next one your major come back must use interactive scripts~~ :p

      Delete
  24. thanks for sharing the tutorial :) that makes things much simple there!

    Latest: Meh-meh Goats

    ReplyDelete
  25. 複雜咗啲喔~~冇時間研究

    ReplyDelete
    Replies
    1. 冇興趣就坦白講啦, 我OK架, 唔駛用冇時間做借口嘅.. :D

      Delete
  26. Haha you're right, I really didn't give a d*mn to the coding lah... looks jibberish to me!! :P Maybe you do it for me better hor? :D

    ReplyDelete
    Replies
    1. yeah, i like you!! you are the most honest reader, hahahaha!! so straight to the point and not entertaining me.. hehe :)

      Delete
  27. Wow!! Teacher SK is so good! Now I have a step-by-step idiots guide on how to create interactive posts! Yay!! : D :D : D

    ReplyDelete
  28. But I soooooooooooo lazy to read the instructions lah, so lazy...can make it more simple ah? LOL!

    ReplyDelete
  29. But I will save it and hope to work on it one fine day lah haha!!

    ReplyDelete
  30. Thanks for your effort and hard work , Teacher SK! Really appreciate it! : )

    ReplyDelete
    Replies
    1. aiyah, i already know your response lah.. so many excuses not even want to try.. i am ok if you say you are totally not interested at all.. be like Mei Yee, she's so honest and straight forward, i like, hahahahahaha~~ :D

      Delete
  31. wish I hv the time to do that..

    ReplyDelete
  32. thanks for the great guidelines, anyway

    ReplyDelete
  33. guess I would need to read it bit by bit and may need to refer to u instantly, how?

    ReplyDelete
    Replies
    1. oh, sure no problem at all.. as long as you have hands on you will find it a lot easier than you have thought.. :)

      Delete
  34. this thing u showing us got HTML and what other application is included? just asking ehehehe :D

    ReplyDelete
  35. seriously need to find one day, you prepare a simple guide, and prepare some answer for some random question, gather together wei :P

    ReplyDelete
    Replies
    1. Wah! Q&A session!

      Eh, ask SK to prepare questions for his students? Cannot la, I sure fail to answer one.

      Delete
  36. interactive post short and sweet dam geli la lol!!!

    summore with the emoticon and hearth eye lol

    jokes!!!

    ReplyDelete
  37. share more tips wei! ;D

    share something that calculate the score of the comment hahaha! :X

    ReplyDelete
  38. I remember last time I can move the font!!!!

    lol the wording move from the right to the left lol . . . then now dunno di XD

    ReplyDelete
  39. T____T

    I'm crying now, as you can see from my emoticon above....

    ReplyDelete
  40. Tried the pdf file already, but got a few obstacles...

    ReplyDelete
  41. 1) Your pdf file doesn't allow copy function. I need to re-type the coding T_T

    ReplyDelete
  42. 2) Your pdf file cannot be converted to MS words due to password protected.

    ReplyDelete
  43. 3) After all the hardwork of typing, my HTML failed....
    FAIL MAX!!

    ReplyDelete
    Replies
    1. hahah I dun really dare to touch coding stuff, it is complicated and sucks for me to do it :X and cannot ctrl+z :/

      Delete
  44. I managed to hide the paragraph, successfully add a button.... and here's the crucial part *jeng jeng jeng*

    >> When I clicked on the button *wait for 1 sec, 2 sec* nothing appear....

    >> I clicked again *wait for 2sec, 3sec*, still nothing appear!!

    ReplyDelete
  45. What happened?? T____T

    I gave up for today. Continue tomorrow. Now wanna retired to my nest...

    ReplyDelete
    Replies
    1. ooopsss, sorry to give you so much trouble.. i've rectified the problem and you can get the copyable version from the link again..

      thanks for all effort to try that?? so touching.. errrr, you are using the new blogger interface and you preview your post?? i think the new preview won't work, only the old interface preview will work..

      Delete
    2. @yvonne eh what happen?? :X didnt go copy 1 backup copy for your previous template?

      Delete
    3. Thanks, SK! Imma going to try it out later XD

      KF, I didn't backup anything la. My maiden HTML on blogspot... do or die.

      Delete
    4. yvonne, if you hit any problem.. you can email me your scripts and i'd help you and sure just some typo error only lah, you so smart.. :)

      Delete
  46. I think I got my HTML working now *crossing fingers*.... 90%, bcos I haven't publish it yet. Can preview via old editor, new editor cannot work properly :)

    ReplyDelete
  47. trying to load now...my line very slow

    ReplyDelete
  48. 睇到嗰啲programming language我都晕咗一阵!

    ReplyDelete
  49. 呢係IT科班出身真係唔掂喔!

    ReplyDelete
  50. 睇你用到出神入化,很厉害哩!

    ReplyDelete
  51. 而我真係要有好多时间慢慢坐喺度慢慢研究!

    ReplyDelete
  52. 电脑係我嘅死穴,摸极都学唔识!

    ReplyDelete
  53. 点解你好似吃生菜咁嘅!呵呵呵~~~

    ReplyDelete
  54. 我学极都唔识,今次弊啦!

    ReplyDelete
  55. 如果你开班授课,我会报名架!呵呵呵~~~

    ReplyDelete
  56. Woohoo! My HTML is working great, SK!!

    Thank you so very much!!! *dancing mode*

    ReplyDelete
  57. So, when is the next tutorial??

    Hehehe....

    ReplyDelete
  58. The satisfaction of getting the code working, after a few attempts of correcting and testing -> indescribable.

    Oh yeah, I always get contented and satisfied after I successfully fixed bugs in the program.

    ReplyDelete
  59. T___T I think some of my readers don't expect me to come up with super canggih push button. They over-see the function and asked me to reveal my answer soon *sweat* in my latest entry....

    ReplyDelete