Scrap Kit: Summers End
Designer: BitterSweet
Tuesday, September 2, 2008
Subscribe to:
Post Comments (Atom)
skip to main |
skip to sidebar
What's this blog for?
- jane
- The main purpose of this blog is to test and preview blog templates that I make. I've just started learning the art of template making and it's a ton of fun. I'm hoping to eventually make lots of templates for bloggers to use. If you like what you see, feel free to send fellow bloggers here. Have an amazing day! jane
How To Use My Templates
It's best to have 2 windows open, one for your blog and one for mine.
You will only have to set up your page once, after that all you do is copy and paste a link to change your blog.
Important: CHANGE YOUR TEMPLATE TO MINIMA (WHITE) SAVE YOUR CHANGES
Copy and paste the following into Notepad, minimize for now.
body {background:$bgcolor;background-image:url(Direct Link Goes Here);background-position: center; background-repeat:no-repeat; background-attachment: fixed;margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center;}
You will need to change your template to "Minima"
Layout>Pick New Template>Minima>Save Template
Next, go into the "Edit HTML" Edit Template
Find the following in the Html Code and hi-lite it:
body { background:$bgcolor; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; }
It will be right under where it says *Use this with templates......etc
Now go back to Notepad and copy the part of the code I gave you earlier. Now when you go back to the Edit Html page hit Ctrl V or paste into the area hi-lited. The new code should now appear in the Edit Html window.
In the previews I show here, there is a link at the bottom of each preview, hi-lite and copy a link that you like. Go back to the Edit Html code you just added and find the words in brackets "Direct Link Goes Here" delete these words but NOT the brackets then paste the link inside the brackets. To see if it has worked click on the blue Preview below the Edit Template window.
Ok, now you have your template loaded some of your boxes or text maybe overlapping onto the edges of the template.
These are the Html settings used.
Once again go back to your Edit Html window and below the new code you just entered find the section "Header", it will be underlined.
Just below that find the words "Header Wrapper" and change the width number from 660px to 470px.
Scroll down some more until you come to the next section "Outer Wrapper" this too will be underlined.
Change the outer wrapper width from 660px to 600px.
Then just below that paragraph is "#main-wrapper", change the width number from 410px to 330px.
Your page will now fit nicely when using my templates.
Once all these settings are made everytime you want to change your template all you need to do is copy and paste the link (below each preview) into the brackets (Direct Link Goes Here) don't forget to click the orange Save Template" for your template to stay.
You may need to re add any widgets you have on your page.
You will only have to set up your page once, after that all you do is copy and paste a link to change your blog.
Important: CHANGE YOUR TEMPLATE TO MINIMA (WHITE) SAVE YOUR CHANGES
Copy and paste the following into Notepad, minimize for now.
body {background:$bgcolor;background-image:url(Direct Link Goes Here);background-position: center; background-repeat:no-repeat; background-attachment: fixed;margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center;}
You will need to change your template to "Minima"
Layout>Pick New Template>Minima>Save Template
Next, go into the "Edit HTML" Edit Template
Find the following in the Html Code and hi-lite it:
body { background:$bgcolor; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; }
It will be right under where it says *Use this with templates......etc
Now go back to Notepad and copy the part of the code I gave you earlier. Now when you go back to the Edit Html page hit Ctrl V or paste into the area hi-lited. The new code should now appear in the Edit Html window.
In the previews I show here, there is a link at the bottom of each preview, hi-lite and copy a link that you like. Go back to the Edit Html code you just added and find the words in brackets "Direct Link Goes Here" delete these words but NOT the brackets then paste the link inside the brackets. To see if it has worked click on the blue Preview below the Edit Template window.
Ok, now you have your template loaded some of your boxes or text maybe overlapping onto the edges of the template.
These are the Html settings used.
Once again go back to your Edit Html window and below the new code you just entered find the section "Header", it will be underlined.
Just below that find the words "Header Wrapper" and change the width number from 660px to 470px.
Scroll down some more until you come to the next section "Outer Wrapper" this too will be underlined.
Change the outer wrapper width from 660px to 600px.
Then just below that paragraph is "#main-wrapper", change the width number from 410px to 330px.
Your page will now fit nicely when using my templates.
Once all these settings are made everytime you want to change your template all you need to do is copy and paste the link (below each preview) into the brackets (Direct Link Goes Here) don't forget to click the orange Save Template" for your template to stay.
You may need to re add any widgets you have on your page.
My Music!
4 comments:
I found this site through Kim's Scrappin'. I love your blog backgrounds! There aren't that many out there. Your designs are so pretty. I see you haven't posted anything in a while, but, it is appreciated what you have done. Thank you.
Su
Hey Jane!
Since I like your templates very much, I decided to give you an award for your creativity! Congratulations!
You will find the award on my blogg, Vivi's Verden, and there you can copy the award and put it in your own blog. You are also free to give it to other creativ bloggers (max seven bloggers).
Keep up the good work :-D
i tried to send a comment a few seconds ago but it came back with an error. my shop owner at busyscrappin gave me your blog address when i asked about learning how to do blogger editing and i just looked over your site and your stuff is amazing! i was wondering if you could email me at amberbaz@popstar.com i have a few questions for u but i couldnt find a contact email address for you. thanks
amberbaz
Love what I see. Can you email me I couldn't find an email address for you? Email address is digiscrapations@gmail.com.
Thanks
Post a Comment