javascript:void(0)
Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Saturday, February 19, 2011

[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.

Friday, February 18, 2011

[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.