Shrink that Button!
I used to have about 10 bazillion McLinky party buttons in my sidebar to show I participated in each week. In order to let people know you are participating in the parties its to show a link somewhere on your blog. And since I have so many, I've shrunk them down so my blog isn't a mile long.
Note: I have since moved my party buttons to a separate page all to themselves.
I've been askedĀ how I shrunk the buttonsĀ a couple of times so I've decided to share the super secret HTML code with you.
Let's use my button code as an example:
< a href="http://mmscrapshoppe.blogspot.com" target="_blank" >< img src="https://www.mmscrapshoppe.com/blog/MMScrapShoppeBlog.jpg" / >< /a >
(Note that I have extra spaces after every "<" and before every ">". I only did that to get the code to show in this post. You do not want these spaces when you use theĀ code in real life!)
Altered code:
< a href="http://mmscrapshoppe.blogspot.com" target="_blank" >< img src="https://www.mmscrapshoppe.com/blog/MMScrapShoppeBlog.jpg" width="40%"/ >< /a >
Super tricky, eh? Just add the width command after the image link. You may have to play around with the actual percentage to make it work for your particular blog. 40% works great for mine. Don't forget the quotation marks!
I also do not use any link break commands. That way the code makes all of the buttons fall into place quite nicely. And I usually get ride of the < center > command if it is included with someone's button code. Its just extra code taking up space. If you want your images centered, you only need to say so once.
Example:
Ā < div align="center" >
< a href="http://mmscrapshoppe.blogspot.com" target="_blank" >< img src="https://www.mmscrapshoppe.com/blog/MMScrapShoppeBlog.jpg" width="40%"/ >< /a >
< a href="http://mmscrapshoppe.blogspot.com" target="_blank" >< img src="https://www.mmscrapshoppe.com/blog/MMScrapShoppeBlog.jpg" width="40%"/ >< /a >
< a href="http://mmscrapshoppe.blogspot.com" target="_blank" >< img src="https://www.mmscrapshoppe.com/blog/MMScrapShoppeBlog.jpg" width="40%"/ >< /a >
< a href="http://mmscrapshoppe.blogspot.com" target="_blank" >< img src="https://www.mmscrapshoppe.com/blog/MMScrapShoppeBlog.jpg" width="40%"/ >< /a >
< /center >< /div>
The < div align="center" > command at the top of the code makes everything after it centered on your page so you don't have to repetitiously use the < center > command. Just be sure that after you have added all your buttons you close the command with < /center > and < /div >.
And that's shrinking a blog buttonĀ 101!!
Thank you, thank you! š An incredibly easy fix and has cured my need to have symmetry!
Kate
http://seriouslykateblog.blogspot.com
Thank you so much for this! I cannot believe how such a simple string of code could do so much! This is exactly what I've been looking for to adjust the buttons on my blog! š I had to use 10% for mine, but it worked PERFECTLY! THANK YOU!!!
That's what I love to hear! Thanks for letting me know, and I'm so glad you could use the information! š
Thank you so much! You just helped me create a lot more side space on my blog. You're the best!
shannonsews.blogspot.com
been trying to figure this out--forever! thanks for sharing! š
Love this! Everyone wants a link back to their blog. I can't say that I blame them, but it sure makes my blog look cluttered. Thank you!
Thanks so much for this!!! It really helped me clean up the look of my blog!!! http://trulylovelywiththelaneysisteres.blogspot.com
Yay!! Over sized buttons make my face scrunch up. Now they are all the same size, looking nice and uniform. Thanks!!
Jo
http://smilemonsters.blogspot.com
Hi I'm your newest follower!!! Thanks for the shrink tip!!! It is wonderful!
Stop in and say HI!
Susieqtpies at Scraps of Life
http://cafescrapper-scrapsoflife.blogspot.com
This is excellent ... because I'm a newbie blogger and I have no idea about html coding! I will give this a whirl!! Thank you for sharing this!!!
That was super easy, thanks So Much! Do you have a tutorial for making a blog button? I need to get a button first I guess! Can't find anywhere on the web that is simple enough for me.
Thanks Again
Hi! This is a GREAT tip! I wanted you to know I posted a link to this how-to page from my home page underneath my own button. Pam @ Sallygoodin
THANK YOU!! This is fantastic. Everytime I link up I feel like it takes up my entire blog!
Here's my remaining question. I couldn't find an email button for you, so I'll ask it here.
I fiddled with shrinking the buttons and that worked, but I can't figure out how you got more than one per line. I've erased the excess div tags and the coordinating closing tags. What's your secret!?! š
You rock! Thanks for sharing! Link up to my th. party...terelauritsen.blogspot.com
have a great weekend!
Hi..I’m Barb from Friendly Fri. Follow. I am your newest follower. I hope you will get a chance to visit my blog @ santasgiftshoppe.blogspot.com
& get inspired by something for your family/home. I hope you will follow me as well. We also are having a mother’s day giveaway til Wed. hope you can join in. Nice to meet ya new friend!!!
Stopping by from New Friend Friday. I'm following you now! Hope you can stop by and follow me, too. š
http://tweepoppets.blogspot.com
http://twitter.com/tweepoppets
By the way, I'm starting a NEW BLOG HOP!!! It's called Tuesday Tag-Along, and it premieres this coming Tuesday! I hope you'll be there to join in the fun!
Thanks for sharing Great tips on here! Found you through the Friday Follow!! I'll me back soon!
~ Coreen
Hi there. I found your blog through Friday Follow. If you are interested in becoming a follower of my blog, I will happily follow yours.
Done. I changed "FAQs" to "Blog Tips" if you wanna check it out š
I did it! come check it out, I'm soooo happy and thankful to you. I want to go out and tell my neighbors!!! I'll have to post your link on my blog at my next post, will that be ok?
Thanks again for sharing this info - I also used it to put pics of my tutorials in my sidebar for those more "visual" readers š
Congrats on 100 followers!! I noticed you have 133 now so you must have got a bunch all at once eh? Way to go!
BTW I think I'll include this info in my FAQs and link this post of course!
Following from The Creative Girl's New Friend Friday.
Stop by and enter a giveaway for a Rachael Ray Bakeware set:
http://extremepersonalmeasures.blogspot.com/2010/04/do-you-know-about-family-of-csn-stores.html
Thanks so much for stopping by this morning to say hello! I've been following you for a bit now, and I'm always so impressed with the things you share. š
Great Tip! Thanks
I have linked this here: http://www.lifeonpossomtrot.com/2010/04/better-blogger-tips.html
Great post! Sometimes I shrink my pics or something to fit into a space so I don't have to re-edit the photo in photoshop. I usually tell it how many pixels to be instead of the percentage but it gets the same job done. Super informative!
I am visiting from New Friend Friday! from The Girl Creative. You have a nice blog!
Happy 100+!!!! I so need this post to rezsize these buttons...they are taking over my blog. Thanks for coming by on SITS Day!
Holly
Thanks so much for sharing! I'd been wondering this!
Oh- I love the way you did this. So much easier than what I figured out. lol
Thanks for the tip! I might actually use buttons now š Can't wait to try it out...good job!!