Navigation Bar

Image Map

Monday, December 9, 2013

Three HTML Tricks a Blogger Can't Go Without!

I am sloooowly learning some HTML. I remember the first time I ventured into HTML it took me nearly 4 hours (possible exaggeration because I don't quite remember) to build a navigation bar. I'm still excessively short of being a pro but there are a few tricks I do use routinely.

Maybe you already know this, and to that I say, AWESOME! And also ask that you teach me some more! 

Centering text/photo/link-up


Yes, I do know there is a super handy button on the top of the page that centers items for me but sometimes it doesn't work- I know, crazy that not everything runs smoothly and seamlessly behind the blogging scene. I run into this mainly when I'm try to align the Mom Lovin Hop with inlinkz, for some reason that HTML cannot be manipulated with the auto middle alignment button. At first I was totally turned upside down over this, "WHAT AM I SUPPOSED TO DO WHEN THE ALIGNING BUTTON DOES NOT WORK?" But after I stopped stressing out (1st world blogger problems…) I did a little research and a little experimenting. By placing <center> at the beginning of the HTML I want centered and </center> at the end of the HTML I want centered I can center what I'm targeting. Easy-peasy! The <center> notes the beginning of the center alignment and the </center> ends the center aligning.

Bypass Adding a Title to Your Widgets in Blogger

Who has ever added a period to a widget title because Blogger wouldn't let you close the window until the title field was closed? Come on, don't be shy to own up to this, I have plenty of times! There is a way to get rid of this through manipulating HTML in the main blog template but because I'm not super confident with big HTML stuff I'm staying clear away from that for now and sticking to the little things. To be able to add a widget without having a visible title simply add <!-- --> to the title box. Go ahead and try it right now- it's like magic!

Adding a Hyperlink Signature to Blog Comments

This is my absolute favorite. When I'm visiting blogs I like to leave a comment with a link back to my blog- I don't know about you but I'm always curious to see what my readers are up to so I like to make my blog accessible to others. I used to just paste a long HTML but I quickly felt that was a little tacky. Now when I sign my comments I put <a href="http://www.rootandblossom.com">XO/Lena @ Root&Blossom</a> . This one is a little more tricky, let me break it down for you.

<a href="http://www.rootandblossom.com">XO/Lena @ Root&Blossom</a>

The blue is what I want the link to be directed to and the pink represents what I want the link to say so when it's not in HTML it would look like this,


 Go ahead and click it to see what I mean. 

And there you have it, these are my three can't live without HTML codes. Do you have any that you use on a regular basis? What are some of your HTML tricks? 



 photo flowerburstsignature_zpsb8a612dc.jpg

16 comments:

  1. The last trick is so cool! I'm going to start doing that!!


    O and in blogger where you pick colors for texts in your layout, there is a clear color you can choose to make your headers disappear! I just discovered that, but before that, I use to put the . too! ;)

    ReplyDelete
  2. Thank you!!! I've been so frustrated by being unable to leave a widget title blank and have tried other tutorials that haven't worked...this one worked perfectly!! Thanks! The hyperlink signature is pretty cool too. I really do need to sit down and learn some HTML!! I've felt intimidated/overwhelmed by it and have just been getting by with the very minimum...I know it would open up so much more for me...just need to find a time to do it!!

    ReplyDelete
  3. This is WONDERFUL. Thanks especially for #2 and #3!

    ReplyDelete
  4. Great ideas Lena and I love the little changes you've made to your blog design!

    ReplyDelete
  5. I've noticed #3 in your comments and have wanted to try it. Thanks for the tutorial! Sometimes all the more intricate tutorials are too much for me at this time. Heck, I just figured out what html was 3 months ago!

    XO/Kelly @ Our Cone Zone

    ReplyDelete
  6. These are awesome! I didn't know the second and third tips, thanks! Also, I like the changes you've made to your blog! It looks great!

    ReplyDelete
  7. Your blog is beautiful Lena! Love this post. Thanks for sharing! I will be using some of your tips! :)

    Starting now! Haha:)

    Tiffany @ The Dwelling Tree

    ReplyDelete
  8. Thanks for this! I have been wondering if there was a better way to leave my url info than just typing it out and it looking cheesy.

    Danielle @ Allusional

    ReplyDelete
  9. LOVE that you put it into practice so soon! :) Yea it's awesome.

    ReplyDelete
  10. I didn't know that! Wonderful!

    ReplyDelete
  11. Yea it seems super random but works like a charm.

    ReplyDelete
  12. NO problem! Hope it makes your blogging experience a little more enjoyable and user friendly!

    ReplyDelete
  13. Thanks Whitney! You know how it is, always have something you want different. :) Someday I might actually stick to something.

    ReplyDelete
  14. Yea I know I need things short and sweet, hence the style of this post.

    ReplyDelete
  15. Thanks Chelsea, its fun to keep progressing the blog.

    ReplyDelete
  16. No time like the present! :) Thanks for stopping by Tiffany and thanks for the sweet words about my blog!

    ReplyDelete

I love reading your comments so please don't be shy! I'll usually even invite myself over after you've dropped a note to see what you're up to!

LinkWithin

Related Posts Plugin for WordPress, Blogger...