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
-
Loops, loop positions, and isFirst variables in BloggerLooping through the listing of blog posts <b:loop values='data:posts' var='post'…
-
Using Namecheap as your Domain provider with BloggerOur advice for anyone with a blog on +Blogger is that the moment you feel you'd be sad if you…
-
Tip: Using Masonry to create a fluid layout for your BlogAre you a fan of Pinterest , and like the way that they have a fluid layout of boxes down the site,…
-
Opinion: Forget about SEO, develop a user-centric content strategyWe don't like talking about Search Engine Optimization, nor do we like focusing on it in any si…
-
Tip: Automatically resize your Blogger post's imagesYou've been blogging along for a while now, inserting your images into your blog posts and sizi…
-
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…
-
Tip: Removing default spacing between images in BloggerSometime in the switch to the new interface (perhaps?) a new default behavior was added to Blogger:…
Post a Comment
Post a Comment