 |
 |
 |
 |
|
|
|
Here's a trick to add an Icon next to your post titles in Blogger:
-
Create an image or graphic that you would want to use. It must be not be any bigger than 20 pixels by 20 pixels saved as a .jpg, .png, .gif, file.
-
Upload it to a graphics host such as Photobucket and grab the URL of the graphic.
-
Log into your Blogger account and Click on "LAYOUT" and then "EDIT HTML"
-
Do a search (Ctrl + S) for "h2"
-
This is the code you will see.....
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;} -
Add the code and it should exactly like the code below.....
h2 {
background-image: url(http://i342.photobucket.com/albums/o401/Thecutestblogontheblock/stiforsherbertshiver.png);
background-repeat:no-repeat;
border: 0px double #FFFFFF;
margin-bottom: 5px;
padding: 2px 3px 2px 28px;
font:$headerfont;
font-weight: bold;
line-height: 2.0em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
} -
Just save and you're done! :)
If we feature you on LolliDoodle.com, grab banner and tell all about it!