|Isn't this a thousand times better?!|
**Let me begin by saying I am NO expert when it comes to design, or anything Blog. I may have taken 100 steps to do something that could be accomplished in 10, but this is what worked for me.
Begin in Powerpoint:I started by adjusting the size of my slide to reflect the size of my desired button. (Actually, I had to make it larger, because Powerpoint has a minimum slide size and this was smaller.) What I did was take the dimensions of the button I wanted and double them. My final button ended up being 220 x 87 pixels, I doubled that (440 x174 pixels), then used an online "pixel to cm converter" (Google it) to get my cm dimensions. I would imagine most of you would convert to inches - I'm Canadian - but it should work the same way.
By highlighting the owl and heart, right-clicking, and selecting "Group" I combined those two images into one before adding the shadow.
Open PhotobucketYou'll now need to open whatever program you use to dump your online images into - I use Photobucket. Upload your image to your library, and leave this window open - you'll be coming back to it in a minute.
Open Blogger LayoutThis is where it got a little complicated. I needed to play around with my image size until I got something I was happy with. Click "Add A Gadget" and select HTML. (Don't be afraid, I'll give you the code!)
<a href="YOUR BLOGLOVIN PAGE URL"><img src="THE DIRECT LINK TO YOUR IMAGE IN PHOTOBUCKET" height="90" width="200" /></a>
You will need to paste the URL of your Bloglovin' page in the first space, and then go back to Photobucket and get the Direct Link to your image and paste in the second space. You can see that I further adjusted my height and width so that the button would fit nicely on my sidebar. Play around with those numbers. (You can take the height & width part of the code out altogether if you're happy with the image you have.) You can also center the button by adding <center>CODE ABOVE</center> around the entire code.
Clear as mud? I hope you find this helpful!!