It seems as though we're getting a bit carried away with our thumbnail and summary script... we've created another one for you! This one is also by request; the desire to have the first post on an index page behave differently that the other posts on the page which are in the standard thumbnail and summary (with the small thumbnail).
What we've done in this version of the script is add two variables: firstBig and newspaper. firstBig is either a true or false value, and if set, will make the first post's image full column width instead of a small thumbnail. newspaper is an additional setting telling the script to place the post's title/link after the image instead of the default behavior of before the thumbnail and summary.
Warning! Obviously this script really needs an image in order to look good and/or work. If you don't plan on having a photo in every post, this probably is not the script for you! It also requires that the first image in your post be hosted in Picasa, Blogger's default image hosting solution.
Clean version is available here.
A sampling:
You can view this code in action here.
Home
›
beginner
›
blogger
›
blogging
›
blogspot
›
intermediate
›
jquery
›
layout
›
photos
›
thumbnail and summary
›
thumbnails
›
tip
Related Posts
Popular
-
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…
-
Tip: How do I remove the Blogger bar at the top of my site?This is, far and away, the #1 question we're asked when people see the work we've done with…
-
Tip: Adding interactive captions to your Blogger images on hoverFor a long time I've been disappointed with the way most content management systems provide ima…
-
Tip: A better automatic thumbnail and summary script for BloggerWhen we first started creating custom websites using Blogger, one of the first real script needs th…
-
Hangout On Air: Friday Request Line for 10/12/2012Web fonts, social sharing, focusing on your user experience, rel=author and much more more!
-
Hangout on Air: Focusing on Your Blog's Landing PagePer the summary: Thanks to everyone who viewed and participated in today's Hangout about blog l…
-
Setting up Pinterest Rich Pins for Big Cartel sitesPinterest recently announced new functionality for "Rich Pins" for Pinterest for differen…
Post a Comment
Post a Comment