sweet faerie designs

Where the Green Grass Grows

noreply@blogger.com (Carrie) — Wed, 08 Jul 2009 18:40:00 +0000

I always get excited with a new design and forget to snag a before shot and this client was no different. She had a lovely blog to begin with, but she wanted a departure from the scrapbook genre, something more grown up.

That Girl Blogs

noreply@blogger.com (Carrie) — Thu, 11 Jun 2009 05:00:00 +0000

sweet!
I love this design.

Mandatory Blog Here

noreply@blogger.com (Carrie) — Wed, 10 Jun 2009 05:00:00 +0000

Just some minor tweaking here and there for this blog. My client really liked her colors and header so I played up on those and added a few extras.

Baby Chick Designs

noreply@blogger.com (Carrie) — Mon, 08 Jun 2009 19:00:00 +0000

Baby Chick Designs
Twitter: @babychickdesign

Favorite Fonts: Fancy Print

noreply@blogger.com (Carrie) — Thu, 21 May 2009 15:11:00 +0000

Champagne & Limousines - Free

Catharsis Macchiatto - Free

Riot Squad - Free

Nadall - Free

Twitter... are you on the bandwagon yet?

noreply@blogger.com (Carrie) — Thu, 14 May 2009 11:33:00 +0000

Why? Because even basic updates are meaningful to family members, friends, or colleagues—especially when they’re timely.

Family - Eating soup? Research shows that moms want to know.
Co-workers - Running late to a meeting? Your co–workers might find that useful.
Friends - Partying? Your friends may want to join you.

So if you haven't already, set yourself up on Twitter, it's easier than you might think:

1. Go to Twitter and set up an account.
2. Choose a user name (probably your real name).
3. Customize your profile.
4. Add a picture.
5. Customize your background. {I can help you with this!}
6. Customize your design colors.
7. Browse and follow.
8. Familiarize yourself with the terminology.
9. Download a Twitter client. TweetDeck, etc.
10. Download a Phone app.
11. Set up a Twitpic account.
12. Set up a Bit.ly account.
13. Find more people. Check out other peoples follows and followers, sign up to MrTweet and search on Twitter’s own people finder tool.
14. Integrate Twitter with your blog, and vice versa. Blog widgets, Tweetback buttons, Twitter feeds, etc.
15. Add Twitter to your other profiles like Facebook, LinkedIn, your email signature, the footer of your blog posts, and even your business cards.

Happy tweeting!

Now that you are on twitter, follow me and we'll chat. Here are some of the folks that follow me @sweetfaerie, check them out, too!

Get your twitter mosaic here.

Favorite Fonts: ALL CAPS

noreply@blogger.com (Carrie) — Mon, 11 May 2009 05:00:00 +0000

Whiteboard Modern Font {free}

Totally Doodle Font {$2.75}

Tattoo Ink Font {Free}

2Peas Arizona Font {Free}

My Little Happy Place

noreply@blogger.com (Carrie) — Fri, 08 May 2009 05:00:00 +0000

I could not be more proud of the way this design project turned out. Alison at My Little Happy Place contacted me for a blog makeover and she was truly a joy to work with.

Customer feedback: Carrie - this has been such a pleasure! I appreciate that you let me be part of the design process, and truly listened to my ideas. The blog looks so wonderful, I am very grateful to have found you!!

Finally figured out the favicon deal

noreply@blogger.com (Carrie) — Wed, 06 May 2009 15:52:00 +0000

My favicon stopped showing up some time ago on my blogger page, and no matter where I turned and what code I pasted I couldn't get it to work right.

Until now! I found a great tutorial on Hype-Free that works for me.

Meta Tags

noreply@blogger.com (Carrie) — Wed, 01 Apr 2009 05:00:00 +0000

Meta Tag Basics

The <meta> tag also known as <meta> data provides additional information about your web page, for example, keywords, author information, language type, description and much more. The <meta> tag is also used to embed information about your web page that most search engines use to index and categorize your web page. The information within the <meta> tags may be used by servers and browsers as well.

How To Give Your Web Page A Copyright

The copyright <meta> tag is not the best way to copyright protect your web page. It's more of a way to state that your web page has been, trademarked, copyrighted, patented or anything pertaining to your intellectual property.

The Author Meta Tag

The purpose of the author <meta> tag is to indicate who created the web page by providing one of the following formats which include the author's full name, email address, company name or URL address in the <meta> tag. The most common format is to provide the author's full name or company with an email address, but it's not recommended to include the email address due to spamming. The author <meta> tag is not supported by the major search engines but it is still considered a <meta> tag standard.

Source: CodeNique

Two Different Label Clouds for Blogger

noreply@blogger.com (Carrie) — Tue, 31 Mar 2009 05:00:00 +0000

Blogger Buster's flash based tag cloud widget.

Phydeaux3 Label Cloud widget for Blogger.

Both websites give detailed instructions on how the customer installs code into their Blog's HTML section, as well as customization tips.

Find the Perfect Colors for Your Website

noreply@blogger.com (Carrie) — Mon, 30 Mar 2009 05:00:00 +0000

Color choice is a crucial decision in every website design. Sometimes a site already has an established color scheme, but many sites require development of a color scheme. Fortunately, there are almost endless resources online to help you find that perfect color combination. Vandelay Design has gathered the resources that they feel are the most useful.

Above colors from Kuler - Seattle.

Evie's Mom

noreply@blogger.com (Carrie) — Sun, 29 Mar 2009 12:26:00 +0000

{Click on Pictures to go to customer's website.}

Hiding Older Post And Newer Post Link

noreply@blogger.com (Carrie) — Mon, 23 Mar 2009 05:00:00 +0000

From Blogspot Tutorial.

Flickr Badge

noreply@blogger.com (Carrie) — Sun, 22 Mar 2009 05:00:00 +0000

Link to get you to the always elusive Flickr Badge.

Heatherty Featherty

noreply@blogger.com (Carrie) — Sat, 21 Mar 2009 15:18:00 +0000

Heatherty Featherty. "I had an idea for a header image that incorporates a robin's nest with two eggs (for my two kids) but then I am able to add decorations to the nest for the seasons. Like add a few Easter eggs in spring, flowers in summer, a crow in the fall, garland or a wreath at Christmas."

Free Twitter Buttons

noreply@blogger.com (Carrie) — Fri, 20 Mar 2009 14:08:00 +0000

Huge selection of FREE Twitter buttons for your blog or website.TwitterButtons.com is a Free Hosted Twitter “Follow me” buttons. Twitter Buttons started with a simple idea and is loved by all.

Blue Ridge Mountain Mama

noreply@blogger.com (Carrie) — Mon, 16 Mar 2009 11:49:00 +0000

Blue Ridge Mountain Mama.

Kitty Von Cupcake Etsy Store

noreply@blogger.com (Carrie) — Sun, 15 Mar 2009 14:00:00 +0000

Kitty Von Cupcake.

Customer requested: I like an elegant look with subtle colours. I am very fond of blues, pinks, lavenders. Very classic and refined.

CUSTOM Etsy Banner + Avatar, order yours now. March 2009 special, just $15!

Blogger Makeover Project - Sunshine 4 Teachers

noreply@blogger.com (Carrie) — Fri, 06 Mar 2009 22:46:00 +0000

Jen at Sunshine 4 Teachers is launching her new blog next week and said she wanted something that goes with "sunshine." Not quite so artsy craftsy, more of a crisp straight-line look. The sunshine not too cartoony?

She has a great idea for this blog and I can definitely see it getting the attention it deserves from teachers & parents alike.

Customer Feedback: Everything looks really, really great Carrie. I’m very happy with it! Thanks so much…and thanks for all the extra question answering.

Recent Project - Pink and Polka Dot

noreply@blogger.com (Carrie) — Thu, 26 Feb 2009 18:38:00 +0000

{Click picture to go to Pink and Polka Dot site.}

Customer feedback: First I love Carrie at Sweet Farie Designs. This is my 2nd blog makeover she's done for me. It's much more me...I'm glad she's my IRL friend and a very patient one. It's beautifully simple! Thank you Carrie.

See More:
Blog makeovers
Blog Headers

Wide Screen Desktop Wallpaper Cupcakes - FREE

noreply@blogger.com (Carrie) — Fri, 13 Feb 2009 18:02:00 +0000

Cupcake Desktop Wallpaper

by ~Sweet Faerie Designs on deviant ART

Blissfully Domestic

noreply@blogger.com (Carrie) — Mon, 09 Feb 2009 09:00:00 +0000

21 banners

and 21 Buttons

For 21 specific channels on the most awesome site Blissfully Domestic.

Worthington Wire

noreply@blogger.com (Carrie) — Mon, 02 Feb 2009 15:45:00 +0000

Worthington Wire

[DIY] CSS Vertical Navigation Menu for Blogger

noreply@blogger.com (Carrie) — Sun, 01 Feb 2009 21:09:00 +0000

I really wanted to give my blog a navigation menu makeover with hovering picture abilities - how geeky of me! I know.

Anyways, I've always loved Blogger University's (Blog U) and Web Designer Wall's menus and they both have directions for a horizontal CSS menu, so I took a stab at a vertical menu.

The widget information is the same and you should check out their sites for that information. Or, just copy and paste the information below into a HTML widget:

<ul id="menu">
<li><a href="#" class="home">Home </a></li>
<li><a href="#" class="about">About </a></li>
<li><a href="#" class="rss">RSS </a></li>
</ul>

I did my pictures differently, because their method confused me, even though it might not you. OK, I probably just confused you. If I did confuse you, then please follow their directions, if not stay with me.

In Photoshop Elements 5 (I'm working on an older version here)
I created a .PSD file size 600px x 240px
On a transparent background
Typed the text HOME in a font I got from dafont (free) which I wanted for my 1st button
Saved that
Then I duplicated it (so the text would be in the same spot)

On the duplicated HOME .PSD file I added a butterfly doodle to the right of the text
Saved that
Then I saved both files as .PNG files.
I repeated that step for my Etsy store, RSS and email buttons.
I resized all of my .PNG files to 150px x 60px
And, finally uploaded them to a Photobucket account (this is free!)

All right, now that our pictures are ready, you'll need to copy and paste this code into your Blogger Template - BUT FIRST DOWNLOAD YOUR CURRENT TEMPLATE and save it where you can get to it in case this doesn't work for you.:

/*Roll over feed
-----------------------------------------------*/
#menu {
list-style: none;
padding: 0;
margin: 0;
width: 200px;
height: 220px;
background: url() no-repeat;
position: relative;
}

#menu span {
display: none;
position: absolute;
}

#menu a {
display: block;
text-indent: -900%;
position: absolute;
outline: none;
}

#menu a:hover {
background-position: left bottom;
}

#menu a:hover span{
display: block;
}

#menu .home {
width: 150px;
height: 60px;
background: url(http://...homebutton.png) no-repeat;
left: 10px;
top: 10px;
}

#menu .home span {
width: 150px;
height: 60px;
background: url(http://...homeoverbutton.png) no-repeat;
left: 0px;
top: 0px;
}

#menu .etsy {
width: 150px;
height: 60px;
background: url(http://...Etsybutton.png) no-repeat;
left: 10px;
top: 60px;
}

#menu .etsy span {
width: 150px;
height: 60px;
background: url(http://...Etsyoverbutton.png) no-repeat;
left: 0px;
top: 0px;
}

#menu .rss {
width: 150px;
height: 60px;
background: url(http://...RSSbutton.png) no-repeat;
left: 10px;
top: 110px;
}

#menu .rss span {
width: 150px;
height: 60px;
background: url(http://...RSSoverbutton.png) no-repeat;
left: 0px;
top: 0px;
}

#menu .email {
width: 150px;
height: 60px;
background: url(http://...emailbutton.png) no-repeat;
left: 10px;
top: 160px;
}

#menu .email span {
width: 150px;
height: 60px;
background: url(http://...emailoverbutton.png) no-repeat;
left: 0px;
top: 0px;
}

Anything that is the color purple and bold you'll need to change with your own picture links.

If you have any questions as to what the code above means Web Designer Wall breaks it down for you step by step and if very informative.

It's always best to do a PREVIEW before saving just to make sure the buttons are in the right place (the hover buttons won't show on your preview.) If you buttons look good, save and then view your blog.