Tuesday, April 8, 2014

Arranging Modern, Contemporary and Vintage Decor for One Kings Lane

You all know that I am a huge fan of Vintage. Do you revel in vintage flair?

I have several items that belonged to my Grandmother and several (Understatement) that I have collected over the years. I love to create vignettes that play on the juxtaposition of modern contemporary pieces with vintage items. So when One Kings Lane asked me to show how I would arrange vintage and modern contemporary pieces together, I immediately thought of these vintage brass deer and my modern graphic patterned lampshades. 

I love how the warm tones of the brass and yellow work well together. My vintage file cabinet sits in my entry and acts as a console table. The daffodils are "planted" inside of candle holders that have a graphic modern pattern and yet a rustic metal finish. The silver tray is a French Nordic antique that I just love. You don't have to go antiquing to find great items like these.

You can get this look at One Kings Lane:

Graphic Lamps

 I think the best way to pair vintage with modern contemporary pieces is to just have fun with it. Check out this article from One Kings Lane for more ideas on Decorating w/ Vintage.

 Happy Spring!

Saturday, April 5, 2014

Blogging Tip: How To Change Your Fonts in Blogger

Typography is the trend from signs...

Beginning of my winter mantel

... to clothing to websites. It can make your blog stand out. I use different fonts in my Blog Post Title, My Gadget Labels and My Tabs to make these areas pop.

First let's start by breaking down the way Blogger defines each of these text areas. Using the photo above I have labeled each of the following:

1. Tabs Text
2. Gadgets
3. Date Header
4. Post Title
5. Page Text

You can access Blogger fonts by going into to your Blogger Dashboard and click on the TEMPLATE option, from there CUSTOMIZE this will open the Blogger Template Designer click ADVANCED:

1. Tabs Text Blogger gives you the following options to customize the typography here:
  1. Font (mine is Molengo)
  2. Bold or Italic and Font size (mine is 20)
  3. Text Color
  4. Selected Color (When you are on the HOME page for instance, the color will be different from the rest of the Tabs Text.)

2. Gadgets are usually in the sidebar and footer but also I have one set above my blog posts. Blogger gives you the following options to customize the typography here:
  1. Font (mine is Molengo)
  2. Title Color
  3. Alternate Color
  4. Bold or Italic and Font size (mine is 20px)
3. Date Header Blogger gives you the following options to customize the typography here:
  1. Color (Suggestion: Give it a color that is complimentary to the Post Title)
  2. Background Color (which highlights the date with a background color. (Rarely used option.)

4. Post Title Blogger gives you the following options to customize the typography here:
  1. Font (mine is Neucha)
  2. Size
  3. Bold or Italic
It does NOT give you an option for color here, instead it is determined by the template color. It usually coordinates with your blog color scheme. You can change this by adding CSS. Make sure your adjust your font size, some of the more fun fonts are by nature small or very large. 

 5. Page Text This defines the text for the body of every blog post. You can also change these when writing a post.

  1. Font (Suggestion: Make it readable, not funky this is the main text of your blog you want your readers to be able to read it easily.) (mine is Trebuchet)
  2. Color (mine is shade lighter than black #444444. Again go for readable.)
  3. Bold or Italic (Suggestion: Do not select bold or italic here, just add those as you write your posts.)
  4. Size (mine is 14px)  

I suggest playing around with accent colors, font sizes and various fonts. Beware that some fonts are just not very readable but if used as an accent such as a Gadget Title it adds character. Let me know if you have any questions or if this tutorial was confusing.

Happy Blogging!  


Monday, February 10, 2014

Blogging Tip: How to remove Blogger Navbar from top of blog

I decided I wanted my blog to be more discrete. I wanted to learn how to hide the Blogger Navbar from the top of my site.

So I turned to my trusty friend Google and asked how. I found this step by step video. It's really one of those, "I guess I should have read the fine print" (Duh...) kind of moments when you see just how easy it is to remove.

Seriously, this could not be easier.  Just go in to your Layout page and click Edit Navbar at top right and then select off. I've edited this area to be transparent and never noticed the off button, I guess.

Happy Blogging my friends!

Thursday, February 6, 2014

How to change your Blogger background and free background images

Happy February! I have lots of goals I want to accomplish this year. Lots of lofty dreams. Blogging has been such a rewarding venture that I am so glad I began back in 2009. I have been a little quiet here on Nana Moon due to the flu {first me, then my little one Sophie caught it} and due to the fact that I have have dived head first into learning WordPress and CSS. I have tried out and played with both but I have specific goals that I want to learn in both of these areas. One of which is setting up an online store through WordPress.com for a client. I can't wait to share it with you! It is turning out so incredible. I have a little web design studio called Opportunity Designs. It is my main focus right now. If you are wondering if I'm still painting and decorating. I am! Over on Instagram you can see my daily activities, adventures and fun with family. I am a huge Instagram fan!
Today I would like to share a Blogging tip with you. 

How to change your Blogger background image

Blogger made this really simple. You can do it! First start with a background image. It can be tiny and tile-able or it can be the size of your blog background 1200x1000 px. I suggest going with a small tile-able image because it will load fast with less problems.

Here are some examples:

This image above is actually an enlarged version of the  merely-cubed pattern. It is a tiny image that when tiled makes your background look like this:

Here is the actual tiny image that I used to change my background (above). Click on it to enlarge (it wont get much bigger) and right-click your mouse then use the "Save As" option to save it to your computer.

Once you have a background image and are ready to update it, go to your Blogger Dashboard and click on the TEMPLATE option. 

Then Click CUSTOMIZE. You will be taken to the Blogger Template Designer, once there click the BACKGROUND tab. 

Then click in the BACKGROUND IMAGE BOX where you can see your current background image. {See Below}

This will open a window with several background images that you can use on your blog. If you want to add a custom image click the UPLOAD button at the top. 

Search for your background image file, open it and click UPLOAD. Once you see your new background image in the background viewer, check the Alignment settings and make sure it says TILED if you chose to go with a tiny image like the one I provided. 

Your new background image should appear on your blog preview below. You can go in and adjust the ALIGNMENT settings if necessary. If you like what you see, click APPLY TO BLOG in the top right corner. Then BACK TO BLOGGER.  Couldn’t be easier, right?

Here are a few fun background images that you can use on your blog: 

{Gold-Coin background I made.}

Just be sure to click on the images above to enlarge. Then right-click "Save As" to save to your computer. The tiny images, fabric and wood images came from SubtlePatterns.com it's a great resource for background images. Also CreativeMarket.com is one of my favorite resources for images, fonts and templates. If you sign up with them you get weekly freebies like the Hot Coral image second from the top. 

Hope you are staying warm out there! This winter has been harsh. Let me know if you have any questions. Have fun with your background image!

Related Posts Plugin for WordPress, Blogger...