Scrap Kit: Dazzler
Designer: Twinkys Dezines
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!
1 comments:
Looks Great Hunnie!! Thanx for dropping by and letting me know! hugz, Twinky xx
www.twinkydezines.blogspot.com
Post a Comment