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

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

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

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

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

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

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

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

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