Basic HTML Codes Every Blogger Should Know


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.

Basic HTML Codes that Every Blogger Should Know


 
Example: <=margin: 10px; float: left;" ="images/path/image-name " width="400" height="350" />
 
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.

 
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


How To Center Your Blog Header: http://www.freeprettythingsforyou.com/2012/11/c/


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 unpredictableandchic@gmail.com if you have any additional questions!

post signature


21 comments

  1. Eeekk..these are basic!?!

    http://vodkaandarose.blogspot.co.uk

    ReplyDelete
    Replies
    1. I know! HTML can get so confusing but if you put a little research into it... it gets a lot easier! Google can tell you anything!!

      Delete
  2. I've used pretty much all of these! But I always have to google things so it's nice to have some neatly in one place :)

    ReplyDelete
  3. Great tips! And, nice to meet you from the Utah Bloggers Page!

    ReplyDelete
  4. Great post! Learning html codes is such a time saver.
    The Grass Skirt

    ReplyDelete
  5. this is great! thanks for sharing.

    Karissa

    ReplyDelete
  6. You don't enter exactly the same tags before and after. The beginning tags are surrounded by brackets <> and the ending tags have a slash inserted to denote the end of whatever formatting you have introduced, i.e., </>.
    For example, to make bold text you would enter:
    <b>This text is in bold.</b>
    Otherwise, all the text from the point where you entered the starting tag will be in bold.
    The best tutorial is at W3C schools.

    ReplyDelete
  7. These are so helpful. Thank you so much for sharing.

    http://www.lookfortheoccasion.com

    ReplyDelete
  8. thank you for all the tips.


    www.patyscave.blogspot.com

    ReplyDelete
  9. Thanks for sharing this! I have learned a few of these just by working with my own blog. It makes it easier if you do know a little html.

    ReplyDelete
  10. Thank you so much!

    Vannieann.blogspot.com

    ReplyDelete

I always love to hear your comments & feedback! I put my heart and soul into this blog and I make sure to read each and every comment. Thank you! XO