QUOTE(lil`pumpkinz @ Aug 13 2008, 03:27 PM)
what's so confusing? i use this guide to make the spoiler in my blog, and it works fineTutorial : Create spoilers in Blogger
Tutorial : Create spoilers in Blogger
|
|
Aug 13 2008, 05:42 PM
|
![]() ![]() ![]() ![]() ![]() ![]()
Senior Member
1,182 posts Joined: Oct 2007 From: Asgard |
|
|
|
|
|
|
Aug 13 2008, 11:08 PM
|
![]() ![]() ![]() ![]() ![]()
Senior Member
869 posts Joined: Jan 2008 |
QUOTE(IcedNyior @ Aug 13 2008, 05:38 PM) sorry that was coz I was testing a different template at the time and didnt put the code in Thank you so much Why? Do it slowly and step by step. If you need more help, do pm me Iced, is there any way we can blog some unwanted visitor to our blog? Added on August 13, 2008, 11:09 pm QUOTE(Pmc @ Aug 13 2008, 05:42 PM) Those code thingy This post has been edited by lil`pumpkinz: Aug 13 2008, 11:09 PM |
|
|
Aug 14 2008, 12:31 AM
|
![]() ![]() ![]()
Junior Member
339 posts Joined: Jan 2003 |
Thanks for sharing the info.
|
|
|
Aug 14 2008, 02:52 AM
|
![]() ![]() ![]() ![]() ![]() ![]() ![]()
Senior Member
9,257 posts Joined: Aug 2005 From: Not so sure myself Status: 1+3+3=7 |
@IcedNyior -- Lol you can use DOM to change the words / image after clicking
|
|
|
Aug 14 2008, 04:52 AM
|
![]() ![]() ![]() ![]() ![]() ![]() ![]()
Senior Member
3,668 posts Joined: Jun 2006 From: Bikini Abyss |
|
|
|
Aug 14 2008, 06:15 AM
|
![]() ![]() ![]() ![]() ![]() ![]()
Senior Member
1,768 posts Joined: Feb 2008 |
QUOTE(lil`pumpkinz @ Aug 13 2008, 11:08 PM) Thank you so much i think the only way to do pw protected posts in blogger (as far as i know) is to encrypt it. I think i wrote a tutorial about it.Iced, is there any way we can blog some unwanted visitor to our blog? I dont think u can block someone from visting ur blog lah QUOTE(eXPeri3nc3 @ Aug 14 2008, 02:52 AM) DOM? What's that? Sorry noob QUOTE(cracksys @ Aug 14 2008, 04:52 AM) ah, seems like i visited your blog when the code is not working .. today, i see real spoiler lol! no worries. interesting blog nonetheless » Click to show Spoiler - click again to hide... « |
|
|
|
|
|
Aug 16 2008, 11:26 PM
|
![]() ![]() ![]() ![]() ![]() ![]() ![]()
Senior Member
9,257 posts Joined: Aug 2005 From: Not so sure myself Status: 1+3+3=7 |
QUOTE(IcedNyior @ Aug 14 2008, 06:15 AM) i think the only way to do pw protected posts in blogger (as far as i know) is to encrypt it. I think i wrote a tutorial about it. IcedNyior, http://www.w3schools.com/HTMLDOM/default.asp I dont think u can block someone from visting ur blog lah DOM? What's that? Sorry noob lol! no worries. interesting blog nonetheless I got my code from there... modified to suit myself http://expskin.blogspot.com (I'm not blogwhoring), click on the navigation part |
|
|
Aug 29 2008, 04:40 AM
|
![]() ![]() ![]() ![]() ![]() ![]()
Senior Member
1,768 posts Joined: Feb 2008 |
new test blog >> http://spoilers-in-blogger.blogspot.com/
|
|
|
Oct 22 2009, 09:40 AM
|
![]() ![]() ![]() ![]() ![]()
Senior Member
855 posts Joined: Jun 2008 |
Problem solve....lol.. This post has been edited by shinkawa: Oct 22 2009, 10:03 AM |
|
|
Nov 24 2009, 09:55 PM
|
![]() ![]()
Junior Member
176 posts Joined: Sep 2006 From: KL |
thanks for the tutorial
edit: oops seems like the prob is not solved. in the main, the spoiler only works for 1st post. if u click spoiler on 2nd post, it will open 1st post spoiler This post has been edited by kurz: Nov 24 2009, 11:50 PM |
|
|
Jun 9 2010, 08:38 PM
|
![]() ![]() ![]() ![]() ![]() ![]()
Senior Member
1,397 posts Joined: Jan 2009 From: Peaceful Island |
QUOTE(IcedNyior @ May 18 2008, 08:44 AM) This is for you folks who host your blogs on blogger and have blogspot.com in your blog URL. It requires a little more work and is a bit complicated so listen up. WHere can i look for the Bold Statement? There are so much codes and i am totally blurred seeing all these codes. Mind to guide me?Part 1 :Editing the Theme First of all, go to your Dashboard >> Template >> Edit HTML Then look for this line: [ First part, insert this code BEFORE ]]></b:skin> CODE .commenthidden {display:none;} .commentshown {display:inline;} Then add this code AFTER ]]></b:skin> and BEFORE </head> CODE <script type="text/Javascript"> function togglecomments (postid) { var whichpost = document.getElementById(postid); if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; } } </script> Your HTML coding should now look like this. Don't worry about the difference in the symbol " and " because it means the same thing. Example: ![]() Save settings. Thats one part done. Phew! Part 2 : Creating spoilers in blog post To add spoilers to your blog post, click Create A Post and click Edit Html (its on the top right next to �Compose�). Then add this bit of code: CODE <a aiotitle="click to expand" href="javascript:togglecomments('SPOILER_NAME')">Click me to read spoilers</a> <div class="commenthidden" id="SPOILER_NAME">put your hidden text here</div> You can change SPOILER_NAME to anything you want but make sure that they are both EXACTLY the same. The <a aiotitle> and <div> dont have to be close to each other, as long as they are in the same post and have the exact same name. It will work. Good luck and I hope this tutorial helps! EDIT:I changed the javascript code because there were some errors when you save the HTML. Make sure when you write your post its in EDIT HTML mode and not Compose mode. ~~~~~~~~~~~~~~~ Adapted from my blog post : Create spoilers in Blogger and Wordpress Read my other tutorial on LYN> Tutorial : Hide/Encrypt posts in Blogger (+pics) |
|
|
May 7 2011, 10:06 PM
|
![]()
Newbie
1 posts Joined: May 2011 |
Sorry guys for bringing back to life such an old thread, but I've a question you maybe helping me sorting out. I'm using IcedNyior spoiler code and it works like a charm, but I would like to able to link from another page the spoiler and with the user landing on the "open" spoiler automatically, w/o having to click on the link.
Is this sort of thing possible? thanks for helping... hilbert |
|
|
Jun 21 2011, 06:39 AM
|
![]()
Newbie
1 posts Joined: Jun 2011 |
this one is the best example i think
here's the code to spoiler the text CODE <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img246.imageshack.us/img246/1215/photodofollowcopy.gif"><img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 128px; height: 128px;" src="http://img246.imageshack.us/img246/1215/photodofollowcopy.gif" border="0" alt="dofollow" title="dofollow" /></a> ![]() and here's to spoiler the image CODE <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img246.imageshack.us/img246/1215/photodofollowcopy.gif"><img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 128px; height: 128px;" src="http://img246.imageshack.us/img246/1215/photodofollowcopy.gif" border="0" alt="dofollow" title="dofollow" /></a> ![]() i posted this on my blog here This post has been edited by compiequ: Jun 21 2011, 06:42 AM |
|
|
|
|
|
Dec 24 2011, 05:29 PM
|
![]() ![]() ![]()
Junior Member
450 posts Joined: Feb 2011 From: Kuala Terengganu |
can i ask something?? i use code at 1st page. its work to me but i cant put 2 or 3 spoiler in 1 post. if i click at 2nd spoiler, its open 1st spoiler, not 2nd spoiler.. how can i solve it??
|
|
|
Jan 10 2012, 05:11 AM
|
![]()
Newbie
1 posts Joined: Jan 2012 |
Hello, thanks for the useful script. Unfortunately, i have the same problem of renyyz. In fact, when two posts are present in one page each with a spoiler script inside, if I click on one of them, only a spoiler will open. How can I resolve this issue?
|
|
|
Dec 15 2012, 10:51 AM
|
![]() ![]() ![]()
Junior Member
350 posts Joined: Mar 2008 |
» Click to show Spoiler - click again to hide... « ........Added on December 15, 2012, 10:53 am » Click to show Spoiler - click again to hide... « Added on December 15, 2012, 10:54 am » Click to show Spoiler - click again to hide... « This post has been edited by hitokai: Dec 15 2012, 10:54 AM |
| Change to: | 0.0194sec
0.83
5 queries
GZIP Disabled
Time is now: 5th December 2025 - 02:39 PM |