When my colleagues ask me how I put drop downs in my blog posts I say: Magic đ
After you blog for a few months you start wanting to show off a bit. Ya know, find tricks and plugins no one else has.
Especially if youâve got friends in the business. Itâs really sweet showing them up, and Iâm about to give you a serious edge for your blog.
Iâm going to show you Spoilers. Nowadays, even famous bloggers canât get folks to read their entire posts. Spoilers help condense information, and reduce the chance of a reader seeing a huge block of text and clicking away from your post. That only increases your bounce rate.
This is what Iâm going to show you how to add:
[spoiler title=âA cool drop down with wacky little words in it?â]Sounds good to me![/spoiler]
Spoilers are the future
New bloggers seem to thing that all they can put in their posts are text, and images.
Theyâre dead wrong. A blog post, on WordPress at least, is dynamic html where you can embed lots of things, like YouTube videos, tables, and like Iâm about to show you, spoilers.
Alright, first go the the easy spoiler plugin page. I should note, I found this plugin by literally searching the goofiest Google search. I think it was âlittle menus that drop down is posts.â Google is darn smart. Thanks Google.
Standard process: Download, and add the plugin in your plugins section. Then Activate. This will bring up the Settings for the plugin, which you can totally overlook.
No need to be overly complex đ
But it does get tough. This took me about half an hour to figure out so listen closely and let me save you some time.
Go back to the WordPress plugins page where you downloaded this from, and grab the code in the middle the page. I point out the code in the image below.
Â
Once the plugin is activated, you just paste this code (unbold it) into the Visual section of your post.
Customize the spoiler
Change the text to what you want on the outside, and inside of the spoiler. Be creative.
You can include additional information like a âread on,â or can intrigue your readers with a question, then make them have to click the spoiler for the answer. This is obviously where the fun comes in.
Still confused on setting this up? Look at the image above. âSecret location of the code,â thatâs the outside text.
âItâs in the dresser,â thatâs the text that goes inside the spoiler.
The result is this:
[spoiler title=âSecret location of the codeâ]Itâs in the dresser[/spoiler]
Whatâs next?
Think this puppy is cool? Share it with some friends. Then, I think weâd all love to hear how youâre using Spoilers in the comments below.