Sunday, 10 May 2015

HELPFUL BLOG HTML CODES AND TIPS


When it comes to my blog, I've always tried to take a DIY approach. I feel a sense of accomplishment when I work out how to add a code or widget that I've imagined in my head, and my blog feels more personal to me if I do it this way. Don't get me wrong I love some of the designs that external blog designers come up with, but most of the time it means an added cost, which as a student is not my number one priority. Over the years I've chopped and changed my blog design a fair bit, but today I thought I'd share with you some simple HTML codes that I've found across the web that have been a godsend to my blog design.

In terms of photos on my blog, there are two codes that I have found helpful. If you work on blogger then you'll know you can set your photos to 'extra-large' size. However I recently discovered how to make them ever larger than this. The code I found to help with this is here - http://malborkmalbork.blogspot.co.uk/2013/12/how-to-make-your-photos-larger-than.html. As well as having larger photos on the main post, this tip from Bloomin' Rouge helped me work out how to enlarge the photos on my 'popular posts' widget. That HTML code is here - http://www.bloominrouge.com/2015/02/how-to-enlarge-your-popular-posts.html.

XOMISSE is a great website full of blog designing tips, one of the ones I used most recently was how to create a drop down menu for my pages. This admittedly did take a while to get my head around, as do quite a few complicated HTML codes but once I'd cracked it I feel like it was worth it. The link I used to create that is - http://xomisse.com/blog/add-drop-menu-can-styled-template-designer/. When it comes to the alignment of different widgets in my sidebar, I like to have them all in the centre. This is a really quick and easy code to implement and can be found on this blog post - http://blogger-hints-and-tips.blogspot.co.uk/2011/03/centering-gadgets-on-on-your-blog.html. In terms of advice and tips from myself, I'd say always back up a copy of your template so that if things do go wrong then you have the old template saved, take your time to read through all of the instructions, especially when dealing with the main template of the blog it can be confusing as to where to put the different codes. And finally be patient, it may take a couple of attempts, but you will feel so happy once it works. 

Have you ever tried doing HMTL yourself? 

SHARE:

11 comments

  1. I like to do all the nitty gritty html stuff myself as well and xomisse is one of my go-to sites if I need some help. But I always miss a few steps, and they're always the most important ones, on the instructions because i'm like 'pfft I don't need to read those words, it'll be fine. I get the jist of it'


    Yet Another Makeup Blog.

    ReplyDelete
  2. I've designed and done pretty much all of the coding for my blog, building off of the simple template of course. Love xomisse and Bloomin Rouge, but Google in general, man. Wot a lifesaver.

    Tasha // shiwashiful.

    ReplyDelete
  3. I know I've been trying to get out of that attitude too! I love xomisse :)

    ReplyDelete
  4. I know right! Google is my first port of call and the I find the links from there :)

    ReplyDelete
  5. This was a great help, defiantly gonna check out the sites you provided. It was a great post full of help ! Thanks for sharing.

    http://ktmcgworld.blogspot.ca

    ReplyDelete
  6. Thank you for these helpful tips ! I've only been learning about html for about less than a month or so but my goal is to be able to design my next blog template.

    Andrea,
    GUCCI&POLA.

    ReplyDelete
  7. Such great tips! I've attempted doing some html but always get confused, takes me a while but I do get there :) xx hellotashaa.blogspot.co.uk

    ReplyDelete
  8. Oh that's great! Thanks for these tips!

    Lately, "to be social or not to be social?!" on
    lb-lc fashion blog
    Bloglovin'

    ReplyDelete
  9. ninegrandstudent11 May 2015 at 07:24

    I'm currently in the process of sorting out my mobile design - it wasn't google friendly and although I've currently got an app working for me to keep my google search rank, I'd love to design something more in keeping with my actual theme!

    I've also improved and personalised my theme - I bought a cheap one of Etsy and just worked on it myself and really like it! x

    NINEGRANDSTUDENT: A Student Lifestyle Blog

    ReplyDelete
  10. Loved these tips and it's always great to have your own unique features! Love the popular posts sidebar on your blog, however don't think i'll try this myself as I wouldn't even know where to start haha x

    www.krystelcouture.com

    ReplyDelete
  11. Thanks you so much! I've been googling help and advice for my wordpress site but I couldn't find anything!


    Lissy, lissyhayes.co.uk

    ReplyDelete

Blogger Template Created by pipdig