I didn't mention this before but there's quite a bit you can do with HTML and it can be all overwhelming for a first-timer. But if you ever want to expand on your knowledge you can always check out W3 Schools or Webmonkey for reference sheets while also going through Hypertext Helpline. Now to the good stuff!
This has a couple different steps in terms of HTML but it's all super easy and quick.
- First, you'll need to dump your image somewhere like Photobucket so that the code can "find" the image source online essentially. That way your image will actually show up on your post!
- Second, you just need to put in the code in your blog post. Which is going to be...
<img alt="picture on blog" class="center/right/left" img src="pictureresource.com/blogimage.jpg" />And that's it! In the above instance, you're telling the image where exactly to show up on the page (right, center, or left--you choose one and put it in the quotations) and then the "img alt" tag is the text that shows up if the image doesn't load properly. You can also use this same HTML tag for gifs.
You can even turn an image into a link by just adding the <a href> tag like so:
SIGNATURE IMAGE HTMLSpeaking of image tags, ever wanted a nifty signature? It's actually super easy and involves the HTML image tags. Check it.
You can always make your own signature by either using Canva or Pic Monkey if you don't have Photoshop. I used Canva for my signature and both websites are free to use with tons of options for neat designs. Once you've created your beautiful signature, upload it to Photobucket.
Go to Settings -> Posts and comments -> Post Template and then you will want to put in that nifty insert image tag along with a <center> tag. Here's mine for Nerdjoy as reference:
<center>And then you can click save and all of your future blog posts will automatically include your awesome new signature so you don't have to manually include it every single time.
<img class="left" alt="post signature" src="http://i847.photobucket.com/albums/ab34/Stephanie_Medeiros/newblogsignature.jpg"/></center>
NOTE: When you upload a picture to Photobucket, you want to use the "Direct" option as your image source in the Share Links of your Photobucket image if you want to do it manually. They do have an HTML option so that you can directly cut and paste into your own HTML for your blog posts or signatures.
If you have any questions about today's Hypertext Helpline, don't hesitate to comment down below or ask me on Twitter!