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
-
Google+, Hangouts, and the Friday Request Line!Thank you for being a reader and possibly a subscriber to our site, BlogXpertise. While still very …
-
Validating for Rich Pins for PinterestPinterest recently announced new functionality for "Rich Pins" for Pinterest for differen…
-
Tip: How to upload a new template for your Blogger siteWe've been providing some Blogger templates for people to download and add to their sites for f…
-
Tip: Making a Google Doc submission form email you the resultsIn an earlier article we detailed how you can use Google Docs to create a submission form in your …
-
Lots of new Blogger functionality aims to tackle Wordpress users' main decisionsThe big announcement yesterday from Blogger came in the form of a Blogger Buzz posting by Bruce Po…
-
Tip: Using JQuery to process and include Blogger RSS feeds into your siteIn our last post we discussed the types of RSS feeds that your Blogger site automatically creates …
-
Tip: Cropping (square) and resizing your Picasa/Blogger imagesSomething that we've discovered is that there is more to the crazy URL string that you get when…
Post a Comment
Post a Comment