As a blogger you’ve got your hands in a lot of things. Aside from being creative and sharing your hard work with others, you’re may also be a photographer, writer, social media expert, photo editor, model, and web designer. During the past year of blogging I have taught myself everything I know about HTML and how to make changes such as centering my sidebar images to completely re-doing my entire website. While I’m not discrediting getting a paid blog designer, I think it’s usefully to have some HTML knowledge so you can make easy fixes to your blog on your own without having to contact an expert every time something doesn’t look the way you’d like.
Tip: This may not work with all images. Some images may be distorted depending on their quality. Make sure when changing the size of the image that you keep the difference still in perspective. Example: Change Width “400” to “600” and change Height “350” to “550” so the image dimensions stays the same when increasing the size.
Basic HTML Codes that Every Blogger Should Know
Example: <=margin: 10px; float: left;" ="images/path/image-name " width="400" height="350" />
Tip: This will not work for images you have uploaded straight from your computer. The image must have an HTML code, which can be found either by uploading from Photobucket.com or by switching to the HTML section located in the top right corner of your blog post draft.
REMEMBER: Before making any changes to your HTML blog design or HTML blog post, remember to always save your HTML code in a Word Document or backup drive that way you have something to go back to just in case something goes wrong while you are editing it. There are lots of HTML help sites that you can reference and I’ve listed my favorites below.
How to Insert a “Pin It” Button for all Images: http://www.codeitpretty.com/2012/04/add-pin-it-buttons-to-your-blogger.html
HTML Style & Formatting Tips: http://www.w3schools.com/html/html_examples.asp
How To Center Your Blog Header: http://www.freeprettythingsforyou.com/2012/11/c/
Adding Social Media Icons to your Sidebar: http://en.support.wordpress.com/add-social-media-buttons-to-your-sidebar-or-footer/
Hope this information was helpful and I know it was very, very basic. Please don’t hesitate to contact me via the comments or email me at firstname.lastname@example.org if you have any additional questions!