Creating A Floating Background, Nether The Posts

This spider web log started out using a Layout template, advert "Minima". When I applied a Designer template, I selected the Designer equivalent of "Minima", advert "Simple".

Long ago, I picked a template background - which looked slightly improve than wearisome - for this blog. The spider web log looked fairly decent amongst the content text floating over the background, when viewed using a high resolution, amount coloring cloth ("32 bit" palette) display.

Unfortunately, non everybody who views this spider web log uses a high resolution, 32 flake coloring cloth palette. During the by twosome years, I bring observed diverse comments published here, from people who did non divulge it tardily reading the text, floating over the naked spider web log background.

Applying a floating content background, which you lot may run into looking similar a whitish haze floating simply beneath this text, was non hard - though it took or in addition to then experimentation.

The "Picture Window" template includes a floating background, standard. The Designer template, advert "Picture Window", comes touchstone amongst this floating content background - though theirs is opaque, behind the posts (and somewhat wearisome looking).

Using "Picture Window" every bit a guide, I flora the necessary code.

Looking at an existing spider web log which used the "Picture Window" template, I flora the relevant CSS rule. As always, or in addition to then of the code below contains gratuitous draw of piece of job breaks, which you lot volition desire to remove.

.main-outer { background: transparent url(http://www.blogblog.com/1kt/transparent/white80.png) repeat scroll meridian left; } 

I wanted a picayune flake of command over the score of transparency. Influenza A virus subtype H5N1 flake of searching the W3Schools website, in addition to I flora the correct tutorial.

The CSS3 holding for transparency is opacity.

And an event inwards the tutorial,

img { opacity:0.4; filter:alpha(opacity=40); /* For IE8 in addition to before */ } 

Combining the 2 rules, in addition to I before long had

.main-outer { background: transparent url(http://www.blogblog.com/1kt/transparent/white80.png) repeat scroll meridian left;  opacity:0.40; filter:alpha(opacity=40); /* For IE8 in addition to before * } 

Adding the code is non difficult.

Adding the code to the template was tardily plenty - using the "Add CSS" card option inwards Blogger Template Designer.

After a flake of experimentation amongst this spider web log background, I decided that 75% opacity looks best, for this blog. I may modify my mind, from fourth dimension to time, however.

.main-outer { background: transparent url(http://www.blogblog.com/1kt/transparent/white80.png) repeat scroll meridian left;  opacity:0.75; filter:alpha(opacity=75); /* For IE8 in addition to before * } 

And, for 2/19/2016, I flora a simpler equivalent.

.main-outer { background: rgba(255, 255, 255, 0.60); } 

Depending upon your spider web log background, in addition to your text colours, you lot may similar to a greater extent than or less opacity. Other than the opacity decision, you'll divulge this tweak to last fairly straightforward.

You tin laissez passer on notice add together the background nether unlike template sections.

Instead of adding a background nether "main-outer", you lot could selectively add together a background nether whatever of the iii sections of "main".

• column-center-outer (only the posts).
• column-left-outer (only the left sidebar).
• column-right-outer (only the correct sidebar).

These are the container names used inwards touchstone Blogger templates. If you lot are using a custom template, you lot may divulge other containers to specify.

Your spider web log is your alternative - in addition to this technique offers diverse choices.

The Missing / Invisible Pages Index Gadget

Occasionally, a weblog possessor wants to add together the Pages Index gadget to the blog, but merely can't.

I become to add together it - too I encounter "Already Added" - but where is it?

The outset thing to check, when this happens, is the "Show pages as" selection inward the dashboard Pages display. Sometimes, you'll uncovering "Don't show" selected. Other times, you'll uncovering "Top tabs" - but the template may lack the code which houses the "Top tabs" gadget. This volition survive a occupation for older templates, installed earlier the Pages index gadget was offered - too every mo unopen to 3rd political party templates.

Try selecting "Side links" (or alter from "Side links", to "Top tabs", too dorsum to "Side links") - too encounter if the gadget shows up, inward the sidebar. Each fourth dimension yous alter the setting, striking "Save arrangement".

After each change, sentiment the blog, to verify success. Remember to clear cache, too restart the browser, each fourth dimension yous sentiment the blog.

Once yous larn the gadget to exhibit upwards inward the sidebar - too if it matters - alter the selection to "Top tabs", too encounter if it shows upwards there. If not, you'll accept several options.

• If the template came from a 3rd party, change dorsum to a touchstone Blogger template.
• Upgrade the template, to a newer version.
• Set the Pages Index dorsum to "Side links".
• Reset the widget template.

>> Top

The Novel Gui Template Editor, In Addition To Removing The Spider Web Log Posts Gadget

Since the most of import usage of most all Blogger blogs is the posts, the "Blog Posts" gadget is an essential chemical component subdivision inwards the template. Sometimes nosotros convey to take away the gadget though - perhaps the gadget is corrupt - or inwards strange cases, nosotros may convey a duplicate "Blog Posts" gadget.

In either case, the solution is known, in addition to is quite simple.

Remove (the / one) "Blog Posts" gadget.

Unfortunately, non everybody, needing such advice, is able to produce this. People using the Template Editor inwards the New Blogger GUI (2011) may find, to their frustration, that removal of a "Blog Posts" gadget isn't permitted.

Sometimes, when nosotros suggest person to take away a "Blog Posts" gadget, nosotros honor the advice non good received.

It won't allow me produce that!

or

I teach a bX code, when I endeavor to salve the change!

Apparently, somebody who designed the New GUI Template Editor decided that removing "Blog Posts" only isn't a necessary option.

Right now, if you're going to take away "Blog Posts", you lot convey to switch dorsum to the Classic GUI.

>> Top