Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

Tuesday, October 5, 2010

tue-torial: a super easy blog header

I am finally back with another tue-torial! I have a few more lined up so hopefully I can get my act together and post them more regularly! Today I'm going to show you how I made my blog header. I know it's nothing spectacular, but it was super quick and easy and anyone can do it. You don't even need Photoshop or any fancy photo editing software!

Step 1: Choose a picture. 

I took one specifically for the purpose of making a header. This is the photo I took:


I had to rotate it sideways, but you won't need to if your picture is already facing the right direction, obviously. I wanted to showcase my sparkly flats, and the sparkles go along with the name of my blog.

Step 2: Upload your picture to Picnik.com.

I'm no computer genius. I edit all my photos using Picnik. It's really easy user-friendly, and all the basic functions are free!


Step 3: Re-size your picture.

You will want to re-size your picture to whatever size you want your header to be. You can keep it as is, or you can change it to fit your blog. It's really personal preference. I wanted mine to span the width of my blog and not be too tall. If you want to know the exact dimensions of your blog to help you re-size your photo, you can check them in design view. 

I use Blogger In-Draft for my dashboard, so I'm not sure if things are different in the standard blogger dashboard, but I  just click on "Design" to take me to the page where I can make edits, and then I have an option for the "Template Designer." It's located under the tabs next to "Posting" and "Edit HTML."


Once you're in the Template Designer, click "Layout" and then "Adjust Width." This is where things get super technical. See where it says how many pixels the width of your blog is? Don't make your header picture width longer than that. I am positive there is an easier way to figure out your header width (I think I even managed to find it in the HTML coding when I did this, but of course I couldn't find it now.) Personally, I just did A LOT of trial and error. Re-size, add the picture to your blog, re-size again. Once you find the size you like WRITE IT DOWN. You'll need it if you ever want to do this again. 

It will also help to un-check both "Use Percentages" and "Keep Proportions" when you're re-sizing. I find you'll never get your exact dimensions that way. Picnik will try to preserve the picture quality, so you'll have to sacrifice that a bit for the sake of a correctly sized blog header (hey, I never said this would make a SUPER AWESOME PROFESSIONAL BLOG HEADER).

Step 4: Add Text.

In this case, your text will be your blog title. Or whatever you want. Edit the photo using all of Picnik's cool tools. Whatever!


Step 5: Insert into blog.

Once you've got your picture just the way you want it, head back into blogger. Pop on over to Design view so you're looking at your blog's layout. Click the edit button in your header section. You'll geta pop up like this:


Only minus the picture in the middle. Next to where it says "Image" you'll want to choose "From your computer." Now just find where you saved your header photo and upload it! Where it says "Placement" be sure to choose "Instead of title and description." Click Save and then check out your blog. Voila! Fancy-pants (eh, kind of fancy-pants...) new header!

If you have any questions, feel free to comment or email me! And if you have any tips on making blog headers, or have a tutorial on your blog that you'd like to share, those are definitely welcome as well!!

Happy Picniking!

Tuesday, August 10, 2010

tue-torial: half-moon manicure

So I saw this picture of Jessica Biel in a magazine, and thought her manicure was so subtly cool. So I decided to try it out for myself. I'd show you a picture of my inspiration but I can't find it online and my scanner stopped working in college when someone spilled a particularly sticky adult beverage on it. But if you Google "half-moon manicure" you'll find people who's manicures came out far better than mine.

Step 1: Gather your supplies.

I used OPI RapiDry Top Coat, Revlon nail enamel in White on White, Orly Bonder Base Coat, Sally Hansen Salon Manicure in Naked Ambition and Sally Hansen Nail Art Pen in White.

Step 2: Paint the base coat on your nails. Let it dry.

Step 3: Draw over the little half-moons on your nails with the nail art pen. You can exaggerate them all you want, mine were barely visible, so I basically just drew them on. No easy task. Plus, I don't really like the nail art pen. It's a bit too sheer for me and dries kind of lumpy.

Doesn't look so bad from far away, eh?

Step 3: Do a second coat of white over your half-moons, if so desired. I ended up attempting to go back over them with the Revlon White on White, and I wish I'd used that in the first place. You can dunk an eyeliner brush in the nailpolish for a more precise drawing tool. Clean up any mess with the eyeliner brush dipped in nailpolish remover.

You should have this now:
Sassy!

Step 4: Wait for everything to dry. Don't smudge!

Step 5: Pick a sheer, slightly shimmery white or pink color to go over your half-moon. I picked the Sally Hansen Salon Manicure in Naked Ambition for this step. I wish I had used a white, but I kind of like this too. It's okay if it makes your half-moon kind of pink, it helps it blend and look more natural, I think.




I've been told I have nice nail beds. What a lucky girl, right? I guess it's a kinder compliment than "nice rack!"

Step 6: Top coat time! Yes, only one coat of the pink or white shimmer, then top coat. You don't want to completely cover your moons.

Finished product:
Why yes, I was reading Harry Potter. Book Four. I re-read them every summer, like a Nerd Queen. 

ANYWAY, I'm not totally in love with the way the manicure came out, but I do love the idea of it. Next time I'll try some different techniques, maybe even different colors. Hope you all enjoyed! If you try it, send me a picture so I can see how yours came out!

LinkWithin

Related Posts with Thumbnails