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.

Part 1 :Editing the Theme

First of all, go to your Dashboard >> Template >> Edit HTML

Then look for this line: ]]></b:skin> and </head> . There are two parts of codes.

First part, insert this code BEFORE ]]></b:skin>


Then add this code AFTER ]]></b:skin> and BEFORE </head>


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:


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)

This post has been edited by IcedNyior: Aug 13 2008, 07:25 AM

icednyior dah wat tutorial skrg

can i have a sample of how it looks like? thank you

its in the blog.

wait ah..i seem to hv problem with the code. It worked 2 mths ago :|

got it. changed the javascript code. MAke sure when you write your post its in EDIT HTML mode and not Visual mode

---

Added on May 18, 2008, 10:28 pmThis is what it looks like when you write a post in EDIT HTML mode


This is how it looks like in COMPOSE mode


This is how the actual post looks like before you expand it


After expanding



This post has been edited by IcedNyior: May 18 2008, 10:28 PM

brilliant!! thats what i have been looking for...thanks

Any idea on how to make a spoiler such as the same one that this board uses for Wordpress?.....

Im not so sure but I think you can create a new class in your CSS then specify things like the box and the "Spoiler > Click Me" graphic

how come when i click on the spoiler it says error 404 not found?

I recently edited the code on 18 may to put into your template coz hte previous ones had probs.

Put this before ]]></b:skin>


And this after ]]></b:skin>


its still functioning on my blog. Here's the example

http://spoilers-in-blogger.blogspot.com/

This post has been edited by IcedNyior: Aug 29 2008, 04:40 AM

nice guide!

This post has been edited by Pmc: Jun 16 2008, 12:28 PM

seems like it is not functioning anymore..

i'll test it tomorrow and try to find a solution k?

Lol it's the same concept for what I'm testing over in my blogspot. Just that I'm using it for navigations... I believe I can do it for posts as well.

Is it working then ?? If yes hope you can share the method with me ...

is it like this ?

http://wackified.blogspot.com/

just tested it out on my test blog. it still works.

link > http://spoilers-in-blogger.blogspot.com/

in your blog, you used this tip in Blogger Help for read more. This code that I gave above is for spoilers

shameless blog plugging I see

This post has been edited by IcedNyior: Aug 29 2008, 04:40 AM

Yeah.. is working already .. When, I tried it yesterday and check your test blog it is not working..

Iced, I'm so

sorry that was coz I was testing a different template at the time and didnt put the code in

Why? Do it slowly and step by step. If you need more help, do pm me

what's so confusing? i use this guide to make the spoiler in my blog, and it works fine

Thank you so much Btw, I'm still trying on how to post a password-protected post
Iced, is there any way we can blog some unwanted visitor to our blog?

---

Added on August 13, 2008, 11:09 pmThose code thingy

This post has been edited by lil`pumpkinz: Aug 13 2008, 11:09 PM

Thanks for sharing the info.

@IcedNyior -- Lol you can use DOM to change the words / image after clicking

ah, seems like i visited your blog when the code is not working .. today, i see real spoiler

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.

I dont think u can block someone from visting ur blog lah

DOM? What's that? Sorry noob

lol! no worries. interesting blog nonetheless

IcedNyior, http://www.w3schools.com/HTMLDOM/default.asp

I got my code from there... modified to suit myself

http://expskin.blogspot.com (I'm not blogwhoring), click on the navigation part

new test blog >> http://spoilers-in-blogger.blogspot.com/

Problem solve....lol..

This post has been edited by shinkawa: Oct 22 2009, 10:03 AM

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

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?

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

this one is the best example i think


here's the code to spoiler the text





and here's to spoiler the image




i posted this on my blog here

This post has been edited by compiequ: Jun 21 2011, 06:42 AM

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??

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?

........

---

Added on December 15, 2012, 10:53 am

---

Added on December 15, 2012, 10:54 am

This post has been edited by hitokai: Dec 15 2012, 10:54 AM