This small little plugin uses jQuery to add featured images above your blog entries in RapidWeaver's built-in blog page style.
Using the blogEntryTopper feature in your own RapidWeaver themes is pretty easy.
-
First we want to include our CSS for formatting the blogEntryTopper images in the head of our document. Here we've placed our CSS file in the CSS sub folder within our theme:
<link rel="stylesheet" href="%pathto(css/blogEntryTopper.css)%" />
Be sure to change the path to match your theme.
-
You'll want to make sure you're calling jQuery. Most any version will do. Here we'll use v1.9. Include this, and the code from step 3 just before the closing body tag:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
-
Finally we'll call our javascript which does the work.
<script src="%pathto(js/blogEntryTopper.js)%"></script>
Again, here you'll want to make sure the path matches the folder structure of your theme.