I love reading Lifehacker articles and watching Hack my life. I enjoy learning workarounds and short-cuts. I’ve been life hacking long before it was called life hacking. The other day, I was watching Hack my Life when they shared a hack as if it was the next best thing to buttered toast. I’ve been using this hack for…a long time. What do you do when you take a shower in a motel room and steam up the mirror? You use the blow dryer. Easy-peasy. So, what do you do when you need to use code to post a blog, and you don’t know code?

How it Works

The blow dryer hack made me stop and wonder what other useful hacks I could share. One of the first that come to mind was the HTML code hack I use on WordPress when posting a new blog. My friend Josh Humble introduced this hack to me. Josh writes code. I don’t. I copy what Josh does. Josh put together five of the most common codes used when posting a blog on WordPress. He also created specific code for the blog. I store the codes in a folder and when I’m ready to post all I have to do is copy and paste the code I need.

5 Often Used HTML Codes

  • First Paragraph <span class=”first-para”> close with  </span>
  • Heading – replace 3 with 2, 4 as needed  <h3> close with </h3>
  • Drop cap <span class=”drop-cap”>L</span>
  • Bullet point &bull;
  • Em dash &mdash;

Hacking Code Written Just for You

HTML hacks aren’t limited to short character universal codes. They can be written for your specific needs, for example, here’s a CTA (call to action) we’ve used to end blog posts.

CTA Like what you’re reading? Join us on <a title=”Follow @tkographix on Twitter” onclick=”javascript:_gaq.push([‘_trackEvent’,’outbound-article’,’http://twitter.com’]);” href=”https://twitter.com/tkographix” target=”_blank”>Twitter</a>, <a title=”Like TKO Graphix on Facebook” onclick=”javascript:_gaq.push([‘_trackEvent’,’outbound-article’,’http://www.facebook.com’]);” href=”https://www.facebook.com/tkographix” target=”_blank”>Facebook</a>, and <a title=”Add us to your Google Plus circles” onclick=”javascript:_gaq.push([‘_trackEvent’,’outbound-article’,’http://plus.google.com’]);” href=”https://plus.google.com/101846155203451647908/posts” target=”_blank” rel=”publisher”>Google Plus</a>, and let’s continue the conversation.

 

That was Easy

There you have it. Five simple codes to hack HTML into your WordPress post. Do you use any code hacks? What do you use?