A week full of 50 degree weather in the middle of December is just wrong. Shouldn't I be somewhere cold and covered with snow? In due time, I suppose. In the meantime, I can have plenty of fun with these Kubota Actions that I just bought!
• Style • Love • Art
Check out my Wedding Stories and Portrait Sessions site at www.zofiaphoto.com for more galleries and information. In addition to engagement sessions and weddings, you'll find portrait sessions from maternity, to babies and tots and family portraits.
I'd love to talk with you about your wedding photography plans or portrait session. Email is best, info@zofiaphoto.com. If you're on-island, be sure to give me a buzz and stop by my new Main St office to see more work in person.
Browse around my PhotoBlog for recent happenings and feel free to comment. Be sure to bookmark my RSS feed to get notification on Specials and Sales.
Check out my new section devoted to Nantucket Wedding Inspiration!
Sunday, December 17, 2006
Fun with Photoshop on a mild December day.
A week full of 50 degree weather in the middle of December is just wrong. Shouldn't I be somewhere cold and covered with snow? In due time, I suppose. In the meantime, I can have plenty of fun with these Kubota Actions that I just bought!
The final product.
It was all worth it for this card! My little Santa's helper. I just had to let her run around in that dress and hat for the rest of the day!
My very first post!
Here are some out takes from Ava's Christmas card shoot. Poor kid, she was a little sick of the camera by the time we were done!
Saturday, December 16, 2006
• Blogger Customization.
I decided to put all my tricks in one post for reference. Hope this helps you Bloggers out there! You don't have to know TOO MUCH about HTML, but you do need a good eye and some patience.
Preface: Templates are different. This will work with MOST templates. There is more than one way to skin a cat.
1. Before you touch ANYTHING be sure to back-up your current template.
LAYOUT : EDIT HTML, "Download full Template".
Now you're on your way to your shiny new customized blog.
2. How do I change the header to add an image??
LAYOUT : PAGE ELEMENTS : CONFIGURE HEADER
You'll want to make sure the image you're uploading is Saved for Web and is the right width. The bottom of the pop-up window will give you the max pixel width. (More on how to change this later.)
3. How do I get a custom domain, rather than a .blogspot domain?
SETTINGS : PUBLISHING
You'll need to buy a new domain name. Mine was zofiaphoto.blogspot.com and I bought zofiaphotoblog.com. Blogger now redirects viewers from my .blogspot site to the new one.
4. How do I change my background and font colors?
LAYOUT : FONTS AND COLORS
Here is where you can change most of the colors of your blog. It's a little quirky. I find I usually have to use the POP-IN/POP-OUT button a couple times before I get the right preview.
5. How do I change my wrapper (the box where you post) color?
LAYOUT : EDIT HTML
Find this:
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
Change where you see background:#ffffff; to what ever color you want. Use Photoshop to get the color codes, or here's a good chart: http://www.geocities.com/SiliconValley/Network/2397/
6. How do I change the width of my blog?
LAYOUT : EDIT HTML
You're going to need to change the widths of the #header-wrapper, #outer-wrapper, #main-wrapper and #sidebar-wrapper to suit your tastes. Once that is changed, you may have a new Header width, and therefore, may be able to upload a wider Header image, (see #2.).
7. How can I post bigger pictures?
By now you should know how wide your outer-wrapper is. That's the widest image that you can post. Let's say it's 700px.
Save your image to 700px at the widest, Save for Web, upload on your own site in a separate "blog" folder, I recommend separating the folders by year, such as "blog07", "blog 08", etc. An alternative is to use an image hosting site, like photobucket.com.
POSTING : CREATE
Insert this code:
Preface: Templates are different. This will work with MOST templates. There is more than one way to skin a cat.
1. Before you touch ANYTHING be sure to back-up your current template.
LAYOUT : EDIT HTML, "Download full Template".
Now you're on your way to your shiny new customized blog.
2. How do I change the header to add an image??
LAYOUT : PAGE ELEMENTS : CONFIGURE HEADER
You'll want to make sure the image you're uploading is Saved for Web and is the right width. The bottom of the pop-up window will give you the max pixel width. (More on how to change this later.)
3. How do I get a custom domain, rather than a .blogspot domain?
SETTINGS : PUBLISHING
You'll need to buy a new domain name. Mine was zofiaphoto.blogspot.com and I bought zofiaphotoblog.com. Blogger now redirects viewers from my .blogspot site to the new one.
4. How do I change my background and font colors?
LAYOUT : FONTS AND COLORS
Here is where you can change most of the colors of your blog. It's a little quirky. I find I usually have to use the POP-IN/POP-OUT button a couple times before I get the right preview.
5. How do I change my wrapper (the box where you post) color?
LAYOUT : EDIT HTML
Find this:
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
Change where you see background:#ffffff; to what ever color you want. Use Photoshop to get the color codes, or here's a good chart: http://www.geocities.com/SiliconValley/Network/2397/
6. How do I change the width of my blog?
LAYOUT : EDIT HTML
You're going to need to change the widths of the #header-wrapper, #outer-wrapper, #main-wrapper and #sidebar-wrapper to suit your tastes. Once that is changed, you may have a new Header width, and therefore, may be able to upload a wider Header image, (see #2.).
7. How can I post bigger pictures?
By now you should know how wide your outer-wrapper is. That's the widest image that you can post. Let's say it's 700px.
Save your image to 700px at the widest, Save for Web, upload on your own site in a separate "blog" folder, I recommend separating the folders by year, such as "blog07", "blog 08", etc. An alternative is to use an image hosting site, like photobucket.com.
POSTING : CREATE
Insert this code:
(<)div align="center"(>)(<)img src="http://www.yoursite.com/blog08/yourimage.jpg" /(>)(<)/div(>)
but substitute the location of your file and DELETE THE RED PARENTHESES.
Voila! Bigger images.
8. How do I add a background image?
LAYOUT : EDIT HTML
Find the body { tag, where you see your background color, etc. (It's below all your Variables.)
Insert this code, substituting your image:
background-image:url(http://www.yoursite.com/YourBlogFolder/yourimage.jpg);
background-repeat: repeat;
background-position:120% 10%;
background-attachment: fixed;
Hint: This image should be small, I'm talking 50-100px tops, Saved for Web for quick loading. You want this code, if you want a pattern that doesn't move when you scroll down.
9. How do I add a page element, like a link list, contact info or an intro?
LAYOUT : PAGE ELEMENTS
You'll see options to add page elements all over, and to rearrange them.
10. How do I add a favicon?
First, you'll need to size your logo image to 32px x 32 px (some say 16x16, but my 32x32 works fine). Save it as "favicon.ico" in the same blog folder on your server/site. Replace "yoursite.com" with the location of your ico file. Yes, this is updated 12/15/08 and will over-ride Blogger's favicon.
(<)link href='http://yoursite.com/favicon.ico' rel='shortcut icon'/(>)
(<)link href='http://yoursite.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/(>)
8. How do I add a background image?
LAYOUT : EDIT HTML
Find the body { tag, where you see your background color, etc. (It's below all your Variables.)
Insert this code, substituting your image:
background-image:url(http://www.yoursite.com/YourBlogFolder/yourimage.jpg);
background-repeat: repeat;
background-position:120% 10%;
background-attachment: fixed;
Hint: This image should be small, I'm talking 50-100px tops, Saved for Web for quick loading. You want this code, if you want a pattern that doesn't move when you scroll down.
9. How do I add a page element, like a link list, contact info or an intro?
LAYOUT : PAGE ELEMENTS
You'll see options to add page elements all over, and to rearrange them.
10. How do I add a favicon?
First, you'll need to size your logo image to 32px x 32 px (some say 16x16, but my 32x32 works fine). Save it as "favicon.ico" in the same blog folder on your server/site. Replace "yoursite.com" with the location of your ico file. Yes, this is updated 12/15/08 and will over-ride Blogger's favicon.
(<)link href='http://yoursite.com/favicon.ico' rel='shortcut icon'/(>)
(<)link href='http://yoursite.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/(>)
DELETE THE RED PARENTHESES.
Are you stylin' yet? If not, I also offer Blogger Customizations. I have a lot more than this up my sleeve. ;)
Best of luck!
Subscribe to:
Posts (Atom)
