Blog-in-Blog Plugin Customization Tips

Blog-in-Blog is a great little plugin.”>
Blog-in-Blog is a great little plugin. It allows you  to slice and dice your blog and put certain posts on different areas (pages) of the site depending on the category.

So you can have all of your regular blog posts go onto a blog page but redirect all of your podcast posts to a special podcast page. As a bonus you can even exclude that category from the RSS feed so that your podcast doesn’t go out to your regular RSS feed unless you want it to.

As a developer I know I could do the same thing by coding the template in PHP, but a plugin is so much faster for me, and I don’t have to worry about WordPress later changing the way the code might work.

Now here’s what I learned– Making it work, and making it look good are two different things. While it would make sense if the plugin natively called the CSS for the activated theme, it doesn’t because nearly every theme has a special way to call for the themes CSS.

So here’s how you make it pretty:

1. Navigate to the Blog-in-Blog settings.
2. Click on the Template Tab
3. Scroll down and click “Add new user template” and name it “podcast” (Or whatever you’re going to use it for)
4. Copy/paste the code into the HTML box from below, customize the CSS however might match your site best. (Note: I’ve removed the avatar)
5. Save changes.
6. Navigate to the page you’d like to drop the code. Then add in the shortcode, adding the template tag: [blog_in_blog template='podcast' category_slug='podcast' num=10] Save your changes on that page.
7. Presto! Done.

<br /> <!-- blog-in-blog Version: %bib_version% --></p> <style type="text/css"> <!-- body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; } a:link { color: #666; } --> </style> <div class="post"> <!-- Post Headline --></p> <div class="post-headline"> <h2> <a title="Permanent Link to %post_title%" rel="bookmark" href="%post_permalink%" id="%post_id%" >%post_title%</a><br /> </h2> <p><small>%post_date% %post_time%</small> </div> <p><!-- Post Body Copy --></p> <div class="post-bodycopy clearfix">%post_content%</div> <div class="post-comments">%post_comments%</div> </div> <p>

Need help or want me to help you customize this more? No problemo. Just leave a comment!

Tagged as: blog by category, blog-in-blog, customization, plugin

Tweet