[How To] Add shadow too the title of your posts on blogger.com

In this HowTo i will try to explain how you can add shadows too the title of your blogposts.
Why do you want this? Well, it just makes your blogg look better (deppending on your template, of course).

Note: This only works if your browser have CSS3 compatbility, if you don't, the text will just look normal with out shadows!

If you see the difference between the two lines below, then your browser should support CSS3 good enough!

This is a test!

This is a test!

Do you see the difference? If not, heres a screenshot on how it should look like:

Now, lets begin.
First, go to your settings -> Design -> Edit HTML

Search for "</style>" (Press CTRL+F to open the searchfield on most browsers).
And before the </style>-tag, type this in:

h3#post-title {

 text-shadow: 1px 1px 1px #2a2b2b

}

After you're done, you can first click "Preview" to see if it works. If it works, hit the "Save Template"-button, and you're done!

You can, if you want change the values to experiement the look of the shadows. the #2a2b2b is the color-value and the other is the size, length etc of the shadow.

[How To] Remove NavigationBar on Blogger.com

Hello.
I just wanted to share a small trick, if you want to remove the Navigation Bar on blogger.com

 

 Note: You should always take a backup of your template before you edit things.

First, go into your settings menu, and then go to Design > Edit HTML

Go down to the HTML code and search for "</style>" (CTRL+F to open up Searchbar on some browsers).
Before the </style>, add this piece of code:

body {
position: relative;
top: -32px;
}

Basically what this piece of code does is moving the whole page up 32 pixels so the menu doesnt appear on top.
And the navigationbar happends to be 32pix height.

Another method is to just hide the menu, without moving the page up 32 pixels.
To do that, you can add this piece of code before the </style>-tag:

#navbar-iframe {
visibility:hidden;
display:none;
}

When you're done, hit the "Save Template" button!

[How To] Custom Favicon on blogger.com

Are you using blogspot\blogger and want to change the favicon?

It's simple. First, go to Favicon.cc, and create yourself a favicon you want to use.
You can also create in any design software and upload it too favicon.cc.

After you have created one, upload it somewhere.
Then in your blogger settings, go to "Design" then "Edit HTML"

In the textfield, search for "</head>" (CTRL+F in some browsers).

Then before the </head>-tag, put this in:

<link href='http://YOUR-LINK.com/favicon.ico' rel='shortcut icon'/>
</head>

After that, hit the "Save Template" button and you're done!

Note: It can take a few mins before your browsers updates the favicon.