Showing posts with label Blog tutorials. Show all posts
Showing posts with label Blog tutorials. Show all posts
With some new blogger template the header is not centered, but it's very simple to correct.
Go to Design > Advanced > Add CSS > Paste the code below to Add custom CSS:
You can adjust the pixel width, depending the size of your header. Try different widths until the header is centered. Lower pixel width moves the header left, larger to right. With the template and the header I've used in this blog, 50 px width looks right.
Go to Design > Advanced > Add CSS > Paste the code below to Add custom CSS:
.header-outer {
margin-left:50px;
}
margin-left:50px;
}
You can adjust the pixel width, depending the size of your header. Try different widths until the header is centered. Lower pixel width moves the header left, larger to right. With the template and the header I've used in this blog, 50 px width looks right.
Centering the header in Blogger
Ok, on the previous post I gave the instructions for uploading the background image, adjusting the widths and choosing the layout. Now we go to advanced...this so exciting...I love this part.
1. Go back to Design > Customize > Advanced > you can choose the font types, colors and sizes as you wish.
2. You can choose the background, border and shadow colors, or if you like background as designed, choose transparent options.
3. Have fun, try different colors and fonts and design. :)
4. Remember to Apply to Blog.
5. Oh, and one more thing. When you have finished, I would like to ask a one favor. Go to the bottom of you blog...
click the tool (1.) > the pop up window will show up. I wanted you to copy the code below, and paste it into Copyright (optional):
Background design by <a href="http://blo64rt.blogspot.com/">*itKuPiLLi*</a>
Thank you!:))
There is one more step, centering the header, you can find the instructions here.
1. Go back to Design > Customize > Advanced > you can choose the font types, colors and sizes as you wish.
2. You can choose the background, border and shadow colors, or if you like background as designed, choose transparent options.
3. Have fun, try different colors and fonts and design. :)
4. Remember to Apply to Blog.
5. Oh, and one more thing. When you have finished, I would like to ask a one favor. Go to the bottom of you blog...
Background design by <a href="http://blo64rt.blogspot.com/">*itKuPiLLi*</a>
Thank you!:))
There is one more step, centering the header, you can find the instructions here.
Instructions for uploading the background image part 2
With new blogger templates it's much better to uploaded backgrounds, instead of using the background codes in gadgets. I know, this might sound surprising, because I made so long long backgrounds to use with codes. I'm going to add the new backgrounds the way, that you can copy and save to image straight onto your computer, but meanwhile and with the older backgrounds this is what you can do:
You can find the the instructions to upload the background to your blog, instead of adding background code with gadget, by clicking "read more". You can make this change and still use the same background you have chosen. This needs only a little bit effort, but the result is worthy.
1. First step might sound odd, because you need to add the code of your chosen background to the gadget. After done that right click > View Background Image > Save Image As... (you need to remember this location later). Then remove the background gadget.
2. Go to Design > Customize >
3. Choose the template (I have used Simple and this instruction works best with that).
You can find the the instructions to upload the background to your blog, instead of adding background code with gadget, by clicking "read more". You can make this change and still use the same background you have chosen. This needs only a little bit effort, but the result is worthy.
1. First step might sound odd, because you need to add the code of your chosen background to the gadget. After done that right click > View Background Image > Save Image As... (you need to remember this location later). Then remove the background gadget.
4. Click Background (on the left) > click Background Image > Upload image (Browse the image you saved onto your computer). Push Done.
5. Set the Alignment up middle and uncheck the Scroll with page.
6. Adjust the Entire width (with my 3 column backgrounds 1000 px, with my 2 column backgrounds 800 px). Apply to Blog. Sidebar wights you can check later depending the next step.
7. Choose the layout. I have chosen the 2 column layout, even thought the background is for 3 column. I like the wider center. But you can surely choose any layout you like. Apply to Blog. And then go back to step 6. and adjust the wight(s) of the sidebar(s). Remember always Apply to Blog.
***
So far so good. You find the next step here.
Instructions for uploading the background image part 1
Thank you guys for helping (the previous post) with this shrunken background problem, here is a of linkfor the solution:
http://www.google.com/support/forum/p/blogger/thread?tid=69af04ba7855635d&hl=en
But I have also fixed all the background codes, so the easiest way of fixing the background problem is to remove the old code and replace it with the fixed code.
http://www.google.com/support/forum/p/blogger/thread?tid=69af04ba7855635d&hl=en
But I have also fixed all the background codes, so the easiest way of fixing the background problem is to remove the old code and replace it with the fixed code.
One way of fixing the shrunken background....
And about disturbing logo, with Blogger newer templates, the logo doesn´t know where to go, I don´t know why, but anyways, it´s very easy problem to solve. Just move the gadget with the background code from the top to the end of the side bar. The code takes up the position where the gadget is placed. Hopefully this was clear enough explanation. Forgive my lousy English. ;)
Thank you guys and cure for disturbing logo
Subscribe to:
Posts
(
Atom
)
