Here is the code in my blogger post creator:
Here is what it looks like in my post:
See how they are aligned so nicely?! LOVE IT.
Here is the code color-coded to help you understand it:
- First I copy and pasted all of the code from the blogs I was linking up with into my post in "edit html" view.
- Then I inserted the code (called a "tag" ) to make the whole thing centered. It's highlighted in yellow. Don't forget that you have to "close" this tag! That's the code at the very bottom, also highlighted in yellow.
- Then I have some text "Linking up with:"
- Then you see the green code - that is the code that links the image to the blog I'm linking up with!
- Next is the purple/fucia code. That's the image code. (Sometimes there are "extra" little bits of code like "border" or "alt" that are giving additional information to your html viewer. Don't worry about those bits.)
- Here is the important part highlighted in light blue/teal: you want to make sure that you insert this before the "img" tag closes " />" insert your code= height="###" and they will turn out lovely. You may need to edit code that is already there - just make sure if there is also a width code that you delete it. You don't have to use 125. The number is relative to pixels, I believe, and so long as these numbers are all the same then your buttons will all be lined up neatly.
The cool thing about html code and your images is that you only have to supply one image specification to resize your image, either height or width. Sometimes I'll use width as my specification, like when I'm adding buttons to my sidebar, in this case I am going to use height as the common image specification. That code is highlighted in bright blue/teal. The important thing to remember is to insert your height code inside of the image code and not inside of the link code.
Please be sure to leave a comment if this was helpful to you! :)