Custom Search
How to add divider after each post on a self made wordpress theme?
Can You Answer This Question:
just want to add a custom divider line that seperates each wordpress post…as of right now, the line i want to use it uploaded to my theme’s image folder…blog is located at verseer.com/blog…thx
Check out the answer(s) below…
Want to make your own WordPress themes but don't know how to program? Now you can with this amazing theme creator called Artister. It also make themes and templates for Blogger, Joomala, DotNetNuke, Drupal and HTML websites. Try before you buy it. Click here for a free fully functional download of the Web Design Generator - Artisteer
3 Responses to How to add divider after each post on a self made wordpress theme?
Leave a Reply
Another method I like to use is a plugin called Advertisement Management. http://wordpress.org/extend/plugins/advertisement-management/ It let’s you position stuff around your posts and pages. That way if you change your mind or want to include something else, it’s easy to change. Also, it’s not hardcoded in the theme.
LOL you’re working on your WordPress site right now. I tried to look at your WordPress site to get a better idea about your question and the visual look changed.
To modify the formatting of your posts div containers and classes would be something you would modify in the style.css file for your particular WordPress Theme. Example #1 – The typical div class name in your style.css file for WordPress is .postmetadata. This displays a standard solid border between posts. To add your custom image for the dividing bottom border see Example #2.
Example #1
.postmetadata {
clear: left;
line-height:20px;
color:#ffdc8e;
background-repeat:no-repeat;
padding:10px 0px 10px 0px;
margin:0px 0px 0px 0px;
text-align:right;
border-bottom:solid 1px #0f4254;
}
Example #2 – adding your own custom image as the divider / bottom border in posts
.postmetadata {
clear: left;
line-height:20px;
color:#ffdc8e;
background-image:url(images/your-custom-post-divider-image.gif);
background-repeat:no-repeat; position: absolute; left: 0; bottom: 0;
padding:10px 0px 10px 0px;
margin:0px 0px 0px 0px;
text-align:right;
}
If this is WordPress Theme you are coding from scratch you will obviously need to create a style.css. Good Luck!
How To Add An Image To Blogger Post Titles: http://isaacyassar.blogspot.com/2009/02/add-image-to-post-title.html
Videos -
How to add images to WordPress Blog Posts : http://www.youtube.com/watch?v=XMSlw3rnYY4
How to add an image to wordpress blog post : http://video.yahoo.com/watch/5074128/13478831
Ron