1. Copy Code for Blinkie
2. Log Into Blogger
3. Click "Design"
4. Add HTML Gadget
5. Save!
Blog Post Divider Instructions:
1. Upload chosen Divider to a Image Host Site such as Photobucket
2. Don't freak, but now you will have to change your HTML Code (it might be a good idea to backup your template first)
3. Search (CTRL+F) .post {
Your code should look like this...
Click on Image to Make Larger |
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
With this code:
.post {
background: url(DIVIDERURL);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:5.5em;}
background: url(DIVIDERURL);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:5.5em;}
5. Replace "DIVIDERURL" with the "Direct URL" for your image
6. Preview and Save
Note: It is very important you back up your Template just incase something goes wrong. If you need more help please email me!
0 Comment(s):
Post a Comment