Discussions
Need Help - Blogger Code
Posted by ginahomolka • 9/14/09 • Subscribe to this Discussion [RSS] • Report This Topic
Topics: blogger, code, css
I added a color on my site in the background. When you log onto my site, the background color loads first, then a few seconds (feels like an eternity to me) later the white in the center loads. Is there a way The center white color can load first? I'm sure I'm doing something wrong with the code.
weight-watchers-points-recipes.blogspot.com/
User Comments
-
I'm not sure but if you go to the Blogger Help Forum, there are a couple of discussion boards there and the people are super helpful. I've had great support with this sort of thing on the "Layouts & Templates" board. Good luck!!
Here's the link: www.google.com/support/forum/p/blogger?hl=en -
I think you have too many posts on the home page. everything (text and photos) in the post column loads first then the post area's background color paints. To test this, show only 2 or 3 posts and see what happens. Also make images smaller. Instead of 550 x 402 make it
400 x292
Even that is pretty big. Also since you only use the salmon color in the bottom content, use the white instead.... I can help you with that but not tonight. let me know... -
I seen you have reduce the number of post and that does help. Honestly, because you have the linkwithin and other things to encourage people to stay on your blog, I think you can reduce the number to 3 post. It's still just long.....
Also the twitter and other HTML in your side bar might be slowing things down some. HTML work better when they are at the bottom of your page. This is because they take the longest to load, and it's better when they are at the bottom.....
Reducing what's on your page and tweaking the arrangement of those items can speed up your page load speed. -
Try this:
Edit your template html to eliminate the color #FFCC88 and use white (#ffffff) instead. Do a preview before saving and if you don't like it just restore it back (cancel). Look in this section, but change only the 'background' line to #FFFFFF:
/* Primary layout */
body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: #555544;
background: #FFCC88 top center repeat;-
Your problem was "... the background color loads first, then a few seconds (feels like an eternity to me) later the white in the center loads. Is there a way The center white color can load first?"
So with that color change there is no tan so the white in the center is all you have --- visitor sees no delay!
-
Thanks BPWeb, I know that fixes it becuse that's how I usually have it. But I wanted to add the color to the back like so many other blogs I see, that don't have the issue with the white loading last. I did remove some posts to see if it is quicker, I may have to resort to my old layout with the white background. Thanks for trying.
-
Just can't please some people (LOL). Use these color borders in addition to the html I gave you already. It will set color along the sides only. You can adjust the 5px to 3, 6 etc. Even if it loads late, you will see the color. Look for this section, add lines highlighted in bold.
#outer-wrapper {
margin: 0 auto;
border-left-style: solid;
border-left-width: 5px;
border-left-color: #ffcc88;
border-right-style: solid;
border-right-width: 5px;
border-right-color: #ffcc88;
text-align: left;
-
-
Add Your Comment
Login to leave a message.



