Friday, September 25, 2009

Blogger Tutorial: Installing a Post Divider

For the next tutorial, I am going to tell you how install a Post Divider.

Installing a Post Divider

1. First you will need to upload your post divider into Photobucket or similar site.
2. Log into your Blogger Account.
3. Click on Layout.
4. Click on Edit/HTML
5. Scroll down until you see this:

Photobucket

6. Replace that entire section with this, putting your dividers direct link from Photobucket into the highlighted part:

.post {
background: url(http://YOURDIVIDERADDRESS);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:5.5em;
}

7. Save your template, and you should have a post divider!!


Photobucket

6 comments:

Papillon jolie said...

Hi...my name is magali and I'm from Bahia Blanca (Argentina).
Your blog is wonderfull.
Thanks for the tutorial!!!!

http://thisismyworld2009.blogspot.com/

XoXo

Magui-

Erin said...

these tutorials are so helpful! thanks! :) -Erin

majula said...

Thanks so much for your wonderful blogware.
But I have a question. Can you explain to me how I can installing the sidebar tabs?
Thanks so much!
hugs Martina

Sweet Bee Cottage said...

Thank you! I just used your instructions for this and it worked great! Thank you again!

Amy© said...

Thank you so much! :)

Jenn said...

thank you for this!!