Learning HTML was probably the most overwhelming thing I encountered when I started blogging. Something about all those angle brackets and slashes made my head spin – which is weird because I am a total math nerd and HTML code is a lot like math. Once I figured out that HMTL code is like an algebraic formula, I did better but it’s still not something I have memorized.
Recently (at BlogHer, from Luvvie), I learned a genius trick for bloggers to generate HTML code. I think this method will work whether you are in WordPress or Blogger, but this tutorial is written specifically for WordPress so you might need to tweak a bit if you’re on Blogger.
So let’s say you are wanting to create a button for your blog that consists of your logo with a 1px border that links to your site – sounds complicated, right? These are the steps you’d follow to make that happen without causing a migraine in the procees. I hope.
1. Create a new, blank post. Make sure you are in the “visual” tab (versus the “text”).
2. Upload your image to the post and hover over to Edit Image.
3. In the Edit Image tab, change the Alternative Text and then the Link URL.
4. In the Advanced Settings tab, adjust the image size and add a border. Click Update at the bottom left when you’re done.
5. You should now see your adjusted image in the post window. Switch over the the “text” tab.
6. This is where you’ll find your automagically generated HTML code – there for you to copy and paste to your heart’s desire.
Note: You most likely only need the part starting with <a> and finishing with </a>.
Super easy, right? I would imagine there are other uses for this fancy trick, but I see image links being the most used. I google that particular HTML code a ton whenever I’m adding something to my sidebar or wanting to link back to a friend’s blog using an image so I imagine other people do too.
Powered by Facebook Comments