All About That Bass

I love when musicians switch up and use classroom instruments with Jimmy Fallon and The Roots. All kinds of awesome! Here’s Meghan Trainor performing “All About That Bass.”

If the video isn’t showing up in your reader you should definitely click over to the blog. You won’t be sorry!

Liked that? Here’s more of my favorite Jimmy Fallon moments.

 

Instagrams August 2014

instagrams august 2014

I participated in #tbt three times. My cousin, my husband and me (I’m pretty sure this is our first apartment warming party) 1992; Me in Laramie WY rocking my ’80’s fashion sense 1989; and me & my babies 1996.

Posted lots of dog photos & a couple of videos, because… dogs, I’ve got them.

And, this is what happens when you clean out the attic – we solidify our standing as “those neighbros”; and a little Virginia Creeper going through my yard.

Follow me on Instagram @carrieloves.

How to make all post images the same size

how to automatically resize blogger images

One of my favorite sites I bookmark for code snippets was down today (insert curses here) and I was back to square one with finding out how to do something… that something was making all of the images in Blogger posts the same size… with the exception of the Pinterest pin it button – how awful is it when you resize your images and your pin it button is enormous?!?!

Very awful indeed.

So if you ever wondered how to make this happen, here is the code you need to slip in to your template to make all of your images the same width, sans the pin it button:

.post-body img {
max-width: 640px !important;
height: auto !important;
}
.pinit-wrapper img {
max-width: 125px !important;
height: auto !important;
}

If you’re not familiar with the template code the best place to add it would be in Template > Customize > Advanced > scroll down to Add CSS > paste code in the window > Apply to Blog.

Note: for my Blogger templates I use the pin it button code from bloggersentral.com, if your code is from somewhere else the image code may differ, let me know and I’ll slip that code in to the comments for everyone.

*Change the 640px to whatever the width of your blog post is.
*Change the 125px to whatever the width of your pin it button is.

And there you have it!

Enjoy.

How to install a Scroll To Top button

how to scroll to top button

WordPress

Install this plugin – WPFront Scroll Top

It’s what I use on this blog!

Blogger

Here’s your hack:

1. Log on to your Blogger blog, go to Template > Edit HTML > search for the <head> tag > just below/after the <head> tag place this bit of code:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>

* you may already have a jquery script in your blog’s template, possibly for something to do with Pinterest – take a look at the first few lines of code to determine if you already have it – if you do there is no need to add it again… skip ahead to #2.

Save template.

2. Now go to Layout > click Add a Gadget > select an HTML/Javascript > copy and paste the code below into the content section:

<!--Smooth Back to Top Button Start-->
<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);
} else {
jQuery('.back-to-top').fadeOut(duration);
}
});
jQuery('.back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
</script>
<style>
div#page {
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.back-to-top {
position: fixed;
bottom: 2em;
right: 0px;
text-decoration: none;
color: #000000;
font-size: 12px;
padding: 1em;
display: none;
}
.back-to-top:hover {
text-decoration: none;
}
</style>
<a href="#" class="back-to-top"><img src="http://4.bp.blogspot.com/-ihc-8JR84oI/U_oXILTik7I/AAAAAAAACdQ/CM7w68Bdm1E/s1600/backtotop.png" alt="Back to Top" / ></a>
<!--Smooth Back to Top Button End-->

You can either use my default “back to top” button, which is the URL highlighted in red, or you can replace it with your own.

Save.

Happy blogging!