It's best to back up your current template. Simply go to Dashboard>Layout>Edit HTML then click on Download Template near the top & save to your hard drive.
To install this template:
1. Open this link (Loretta Template) Copy the entire text. This is the code for your new template.
2. Go to Dashboard>Layout>Edit HTML
3. Highlight the entire code in the code box & delete it.
4. Now paste the new template code in the empty box.
5. Click Preview to check that all looks good.
6. If all is fine then Save.
7. You may get a Widgets About to be Deleted warning. Simply click Confirm & Save. Or you may get a warning that says Your New Template Does Not Include the Following Widgets. Check the list of widgets & simply click either Keep or Delete widgets.
If you don't want to have to re-load all your widgets, read here for a tutorial on saving your widgets.
The Loretta Template has a little something new ~ A top menu navigation bar with graphics! And customizing it is easy-peasy! Just follow these few simple steps:
The Loretta Template has a little something new ~ A top menu navigation bar with graphics! And customizing it is easy-peasy! Just follow these few simple steps:
1. First you must save your button graphic to a photo hosting site such as Photobucket, TinyPic, or ImageShack.
2. Go to Layout>Page Elements.
3. Under the Header box you will see another one (a Widget box) that says HTML/Java Script
5. Open that widget by clicking on Edit in the lower right corner. You will see some code that looks like this:
4. You will need to change all the links; so all the code in red you will delete and add your own links.
5. Next you will have to point to where the image or graphic is. So open the page on your hosting site where you uploaded the graphic. Copy the image URL and past that in the yellow area of the code.
3. Under the Header box you will see another one (a Widget box) that says HTML/Java Script
5. Open that widget by clicking on Edit in the lower right corner. You will see some code that looks like this:
4. You will need to change all the links; so all the code in red you will delete and add your own links.
5. Next you will have to point to where the image or graphic is. So open the page on your hosting site where you uploaded the graphic. Copy the image URL and past that in the yellow area of the code.
6. Do this for each link you want in the navigation bar.
7. If you want to have a contact email (like the last link above) simply delete my email (in red in the above code) and add your own.
8. Click Save.
7. If you want to have a contact email (like the last link above) simply delete my email (in red in the above code) and add your own.
8. Click Save.
For additional link buttons & a customizable header, click here. If you want to match the font I used, it is Pea Theresa, which you can get FREE from Kevin & Amanda. (Link button in side bar)
Then ta-da! You're done!! Enjoy your new look!!
