Our thumbnail and summary script was such a success that people have been asking us for further and further customization based off of it. The most frequent request has been the ability to set just a thumbnail image for the blog post and use it to create a grid of images.
Your wish, our command.
The script we've created can be seen as a fork of our original thumbnail script, combined with our interactive captions script.
The script grabs the first image of each of your blog posts, resizes (and converts to a square if you specify), and re-parses the structure so that the thumbnail image becomes a link to the post. To make this work we've included the LightBox disable script so that clicking on the thumbnails doesn't open up a Lightbox instead of the intended behavior of going to the blog post.
Clean version of the script is here.
To limit this functionality to only certain pages or types of pages, you'll want to learn about the different page types, and choose the one you want to use. For example, if you only want it to show on "index" page types you'll want to put the above script into an "if" statement such as:
<b:if cond="data:blog.pageType == "index"">
</b:if>
Home
›
blogger
›
intermediate
›
jquery
›
layout
›
photos
›
picasa
›
template
›
thumbnail and summary
›
thumbnails
›
tip
Related Posts
Popular
-
Tip: Updated way to remove the Blogger NavbarIt's been a while since we took a look at the Blogger navbar, mainly because we simply got in t…
-
Featured Blogger site: Renew PilatesRenew Pilates in Easthampton, MA provides private, semi-private and small group pilates instructio…
-
Question: Where do my images get stored when I add them to my blog?When you first sign in and create a new blog in Blogger, you might not know this, but you are unlea…
-
Group blogging and blogging in the classroomWe normally talk about blogging as a personal project or a business project; unfortunately we often…
-
Featured Blogger Site: Our own Confluent Forms LLC!You know the maxim that the cobbler's children have no shoes? No longer! After years of discuss…
-
Tip: Understanding the Atom/RSS feeds created by BloggerIf you've heard of RSS feeds, you probably know that they're a way for your site's fans…
-
Tip: Making index page images link to the post pageThis tip mainly applies to blogs that take advantage of jump breaks in their posts as a way to shor…
Post a Comment
Post a Comment