how to add lines to either side of your header

I like playing around with and changing html and css, it lets you make something that looks very simple into something a lot more aesthetically pleasing, and once you know how to play around with coding properly, it becomes super easy.

If you look at my sidebar you'll see that I have my header title and a line that goes from either side to the edge. There is a small border of white between the line and the actual title, which uses a very small bit of carefully placed code to achieve this. This tiny bit of coding below will allow you to change your normal sidebar headers into lovely decorated headers.

.sidebar h2 {
font-family: 'Georgia';
font-weight: 200;
font-size: 14px;
color: #444;
background-color: #333;
line-height: 1px;
text-align: center;
text-transform: lowercase;
letter-spacing: 2px;
margin-bottom: 25px;
margin-top: 25px;

.sidebar h2 span {
background: #fff;
padding: 0 15px 0 15px;
position: relative;
z-index: 1;

This is exactly the coding I have in my template, minus the font I use. I've tweaked it a bit to suit me, so even if you just start with this as a base you can modify it to your hearts content!

How to do it!

1. Go into Blogger and find the Template section.
2. There will be a box at the top right that says 'Backup/Restore'. Please, please, backup your current template! Should anything go wrong, you can always go to this backup. (you don't have to backup your current template if you have a fairly recent backup or you are confident enough with coding to carry on)
3. Click 'Edit HMTL'.
4. In the box that appears with your template, find this piece of text 'sidebar h2'. It might just be called h2, depending what type of template you are currently using. (you can always use ctrl+f to find it, rather than scrolling through endless amounts of text!)
5. Copy the text above ^^ and paste it where you have your current sidebar h2 code is, replacing it completely. (make sure you don't replace anything that isn't related to the h2 section)

Now save your template. If you load up your blog you'll probably see that your sidebar titles have a big line right the way through it, without leaving a gap for your title. Don't panic, we'll get to that! If you'll notice in the above code there is a small section that says 'sidebar h2 span', this is what gives you the gap in the line.

1. Go back to your Template section and into Edit HTML for the second time.
2. Now you want to find your header titles. Locate this piece of text '<h2 class='title'><data:title/></h2>'. There will be one of these for every sidebar title you have.
3. You want to change it to this '<h2 class='title'><span><data:title/></span></h2>'. Adding the <span></span> tags around the <data:title/> adds the small white border.
4. Once you've got them all with the <span> tags, save and refresh your blog.

Viola, you successfully have those little lines at either side of your sidebar headers! If you need any help with this or would like some help setting it up on your blog, please give me a shout and I would love to help!

thank you for reading!

a promise to 2016

Dear 2016,

I'm writing to you to ask you a few favours. I know I don't always hold true to my New Years resolutions, but I thought this year I'd try and think of a different style of resolution. Although I would love to ask you to help me lose a bit of weight and to always remember to take my make up off at night, but let's be realistic 2016, I love a bit of chocolate and once my jammies are on my laziness knows no limits.

So, this year, I'd like to make a different resolution. Or a few different ones. I don't think they really fall under the category of resolution, but I thought I'd write them down anyway.

I'd like to be happier.
I spent a lot of time last year letting little things bother me. Things that, now that I think about it, don't even matter today. I've decided to change my train of thought whenever something bothers me. I think to myself, will this bother me tomorrow? If the answer is no, then let it go. Too much time is wasted letting little things change the bigger things.

I'd like to be more positive.
I'm a pessimist, through and through. I always think to myself that if I plan for the worst possible outcome that anything from there can only be good. I need to stop thinking like that, it's stopped me doing so many things that I could have been doing. I missed out on a fair few blogger events because I knew I wouldn't know anyone there, and as much as we don't like to admit it, bloggers are cliquey. It's also scary walking into a room of people that you don't know too. I'd like to change that.

I'd like to spend more time in the now.
I'll admit that I spend at least half my day browsing social media on my phone or laptop. I might not always be completely present on Twitter or Instagram but you can bet I'm there reading every single tweet that appears in my feed and liking all your Insta selfies. I'd like to cut that down. I spend too much of my time browsing other people's lives that I don't spend any time making and developing my own. I need to bring my head out of the internet once in a while and just log off completely. Even for a few hours a day. Some down time would be nice.

I'd like to be more me.
Last year there were a fair few occasions that I didn't feel like myself. Where I felt pressured into following a social norm or feeling like I couldn't act a certain way because it's not the normal thing to be seen doing. For example, I was listening to music, thoroughly enjoying myself, and started twirling around the sweet aisle of Sainsbury's. The security guard thought I was on something and came over to escort me out of the store and I had to tell him that I was just enjoying my music, after which he told me to behave myself. Now, I rarely sink into my music, I just listen to it. Nope. That's not me. I want to be more me. If I want to wear my hair a certain way then I will. If I want to dance around in public then I will. If I want to walk through the street singing then I will.

So, with these in mind, I hope to make this year a better year. 2016, please let this be a good one.
(also lose weight and save money, but you know, I'm not pushing my luck...)

thank you for reading!
Powered by Blogger.