One thing that came up for my blog was my sidebar was a bit messy. To be honest it was fair criticism, I wasn't happy with it myself but I didn't know how to change it. It came down to the buttons.
They were different sizes and where some were in the middle, some were at the side. Now the thought of code scares me, but it’s a button, if I mess it up all I need to do is delete it, and go grab it again, yes? I put my big girl pants on.
This is what I mean
So I looked at the code.
So I looked at the code.
See where it says width 200? I knew that was the size, so, what would happen if I changed it to 150.
Oh yes! It's now the same size as the rest. But it's not in the middle. So I looked at the button codes again.
You see the bit at the top that says <div align="centre">?
I copied it, and pasted it to the beginning of the one at the side I wanted to change. Brave or foolhardy?
Oh Yes!!! I'm doing my happy dance. All that was left was to drag my buttons around and put them in the order I wanted.
Yes code is scarey, not all buttons have the size numbers in the code, one of my buttons is slightly bigger than the others and I don’t know how to change that one so I have positioned it at the bottom so it isn’t as noticeable.
EDIT
Thank you Gene who commented and gave some great advice.
Here is what I did to change that button size
This is the code for the button I need to change, look at the bottom line.
Now check this button code, again bottom line. I am copying - width=“150”border=“0”
Now I have pasted it into the same position and saved it.
Now check my sidebar, perfect.
Thank you so much Gene. If you haven’t been on Gene’s blog before I suggest you check it out and have a good look around, it’s great, and it even has video tutorials.
So I'm challenging you, are you brave enough to have a go?
Smiles
Kate
Good for you, Kate!! I had the same idea, and I'm so glad it worked because HTML is all Greek to me! Whoop whoop whoop!!!
ReplyDeleteYou can copy the size thing from another button and paste it in (just be sure to put it in the same place in the code.) That is what I do to resize buttons. :-)
ReplyDeleteThank you so much Gene, I tried it and it worked so I have just updated the post and given you credit.
DeleteSmiles
Kate
Thanks Gene! Very helpful.
DeleteNever knew you could do that - thanks Gene!
DeleteI'd say that is a great tip and I appreciate it as I would never figure that out on my own! I am so not techy at(as you know!).
ReplyDeleteNicely done!
ReplyDeleteYou are a rock star! This is what I have been needing to do! Thanks so much!
ReplyDeleteOH MY GOSH! I have wanted to fix mine up forever and now I can. You've made me so happy this morning! Thanks so much Kate. :-)
ReplyDeleteI LOVE playing around with code! I never knew that about myself until I started blogging, but it's something I really enjoy. I'm glad you figured out how to change the size of your buttons.
ReplyDeleteWell done! A few days ago I would have thought this was all gobbledegook but thanks to NQB I understand what you are talking about!!! Will now go an have a look at your sidebar!
ReplyDeleteGreat info! Heading back to my blog to do some clean up...thank you for sharing :)
ReplyDeleteWow, you're good at this! Can your next one be about making your own buttons? :)
ReplyDeleteKate, you really have a knack for this tutorial stuff!
ReplyDeleteThis is something that I need to do with my messy sidebars. I didn't know I could add the six into html code if it wasn't there already. I make new buttons if one is too big for my sidebar and then just link it to the same place as the original. I like how yours are all even and lined up! Thanks for the tutorial Kate! (and Gene)
ReplyDeleteIt should say "add the size" not "add the six"
DeleteAha! Saving this post and will clean my sidebar up again! I did last year in the NB Hop but it's gotten a bit messy over the past few months, and there's never enough time--!!
ReplyDeleteJust so you know, I just put on my big girl panties, opened up a Word doc to compare the codes of the buttons whose size I liked, and see where the variance occurred (mine had this:
Deletestyle="width: 200px;
which gave the button a decent size, so I found that section of the code as you said, cut and pasted the good one in, and presto! Two buttons fixed so all my buttons align and are the basic same size without any "fat" ones lol.
So glad I saved your post, and have now "loved" it in bloglovin' Thank you!
Wow. I'm so impressed that you figured this out. It would never occur to me to do this , but now I might.
ReplyDeleteLast year I participated in the New Quilt Blogger's Blog Hop and learned so much! Your sidebar looks fantastic! Giving a critique is hard, giving an honest one is even harder!
ReplyDeleteKate (and Gene) thanks so much! I've played around a little, very little, on the centering, but will try the resizing!
ReplyDeleteGood job of explaining your new learning! Your side bar looks neat and tidy. It's such a great sense of accomplishment to master something new !
ReplyDeleteGood job of explaining how to adjust the buttons in your sidebar. It sounds like you feel a sense of accomplishment in mastering a new skill! Your sidebar looks neat and tidy!
ReplyDeleteYou did a great job of explaining about adjusting the buttons, and now your sidebar looks neat and tidy!
ReplyDeleteKate!!! Thanks so much!!! Your post was just what I needed to fine tune the buttons on my blog. Your blog looks great!!
ReplyDelete