Contact Form 7 Support has been added to the latest 5.6 beta (as of beta 16). Release Notes Here.

How to add Contact Form 7 to the C5: LeadGen Widget

1) Drag a “C5: LeadGen” widget over into the “Sidebar” placeholder
2) Remove the default text inside the widget and paste in your Contact 7 Form’s Shortcode
3) Save the widget and enjoy the new formatting

Want to see it live? Live Example.

Adding HTML5 Placeholders to Contact Form 7

You might have noticed that the forms created with my default C5: LeadGen widget pre-fills form fields with hint text that automatically disappears as the user begins to type and then reappears if the user clears the field. This “hint” text is usually inserted via script. However, modern browsers can do this automatically using the new html5 “placehoder” attribute.

We can add the placeholder text to our forms in order to provide interactive text hints to the user like so:

<input type="email" name="email" placeholder="Enter your best email" />

There are several advantages to using placeholders. In addition to improving the usability of your forms, they also allow you to do away with the text labels above your forms, resulting in a cleaner, easier to use form.

Contact Form 7 does not natively support placeholder text. However, with a few simple edits ( ← click to download my customized version that already has these changes), we can teach it to play nice with html5 placeholders:

To use: [text* your-name placeholder “enter your name”>

Add the following code into text.php and textarea.php

$ph_att = '';

if ( $value && preg_grep( '%^placeholder$%', $options ) ) {
$ph_att .= sprintf( ' %s', $value );
$value = '';
}

if ( $ph_att )
$atts .= sprintf( ' placeholder="%s"', trim( esc_attr( $ph_att ) ) );

just above the line that reads:

if ( wpcf7_script_is() && $value && preg_grep( '%^watermark$%', $options ) ) {):

I’ve just updated the ClickBump Beta 5.6 to beta 8. The update brings the beta several steps closer to final release status. ClickBump owner’s with a current upgrades package can download the beta for free now.

There’s tons of new stuff to talk about, but in this blog post, I want to highlight 2 pretty sweet things made possible with this release:

1. How I achieve a 99/100 Google PageSpeed Score
2. How I create the 3D Slider effect on the “Canvas 4 Demo Site“.

First, a look at the site. You can visit the live demo site now on desktop, iPad or iPhone to check it out.

Here’s a preview (Click the image to preview the live demo site or click here):

Preparing the slider PNG images for the 3D effect

The ClickBump core theme comes with a built in slider widget that has some nifty point and click display options. For example, you can have it display vertical tabs/spines or inside/outside nav arrows. You can also have it display a named category’s posts or static content you’ve added directly to the slider widget.

Its enabled by default when you build your site with JumpStart Pro, or you can easily enable it just by dragging a copy of it over from the widgets manager.

To create the 3D effect on the slider, I added a tiny bit of custom css in order to allow the images to flow out the top of the slider and give the illusion of depth:

.clickbump_slider dd,.clickbump_slider dl{overflow:visible !important}
.clickbump_slider{padding-top:40px;margin-top:-40px;overflow:hidden}

If you want to emulate this look, the first step is to copy the two lines of CSS above and paste it into your site at “ClickBump > Misc > Custom > CSS”

To create the transparent areas of the PNG images, I opened my originals at pixlr.com and removed the background from the top areas using the magic wand tool (for the close cropped areas). For the areas along the sides I used the eraser tool with a large 200 pixel feather radius. You can see the transparent areas in the screenshots below. They are represented by the checkerboard patterned areas.

Here’s some shots of the images in pixlr:

The image above had a solid white background which I selected and deleted to reveal the transparency layer. This is the key to good slider images, and gives you lots of flexibility in how you display them. (Just remember to unlock the layer (by clicking on the lock icon) before deleting the background pixels.

In the image below, you’ll see the third slider image I’m using on the demo sites. This image did not have a solid white background, so it was a bit more tricky to knock out the background to transparent. The key here is to use a wide feather eraser for the fade effect and use then reserve the lasso drawing tool for areas where you need a tight crop. If you are familiar with making selections in Photoshop (using the lasso or pen tool) then this will be familar to you.

A stunning 99/100 Google PageSpeed Score

Perhaps most importantly though, the site is super fast thanks to the ClickBump 5.6 theme. It Scores a 99/100 on the desktop test and a 96/100 on mobile. I’d never seen anything above 95 before I tested this site and I was pretty amazed (and satisfied) at the results.

Optimized for Mobile with the new “Responsive Design” version of the “Canvas” skin

The Canvas demo sites are all optimized for mobile. If you view them on an iPhone or iPad for example, it automatically reformats to best fit the screen rotation. I was pleased to see my “Responsive Design” updates to the Canvas template skin resulted in an speedy 96/100 Score on the Google mobile speed test. Here’s what it will look like on iPhone and iPad and in portrait view

For those of you with the “LocalMagic” Template Skin package, I’ve also updated it for mobile using responsive design. You can download the template upgrader and upgrade your sites beginning today.

In my last blog post, I introduced you to “LeadGen”, a shiny new landing page template for lead generation. The look and feel is inspired by the incredibly successful Groupon and Living Social and it brings this familiar look to WordPress in one, easy to implement package.

With the proven success of these sites, I’m anticipating a heavy demand for landing page templates based on the familiar look of these sites. So I’ve just released a new 3 pack called “LocalMagic”. Check the video below to see how I set it up.

With LocalMagic (and the recently released “LeadGen” template), combined with the new “LeadGen” widget included at no charge in the ClickBump version 5.6 update, you now have easy access to drag and drop lead capture & opt-informs for your site. These templates empower you to quickly set up lead generation site’s, list building campaigns, and opt-in funnels with the familiar look and feel of popular sites like Groupon, Living Social and Google Offers.

The live demo sites are up and you can preview them now:

1) Click here to preview LocalMagic

2) Click here to preview LocalMagic-Alt

3) Click here to preview LocalMagic-Wide

To make the lead generation box possible, I’ve added a new drag and drop widget to the ClickBump 5 theme (as of version 5.6, now in public Beta to registered ClickBump owners). The new widget is called “C5: Lead Gen” and you can just drag it into a sidebar to get the same look and feel and functionality I’m displaying on the demo sites.

The default form markup is compatible with AWeber and includes a Name, Email and Phone capture fields as well as an attractive Submit/Download button and a phone number placeholder.

On modern web browsers and devices, you’ll get some nifty form feedback cues made possible by HTML5′s new form controls. For example, each form field has “placeholder” text to guide the user to fill out the form. It also has autocomplete built right in.

Looking forward to getting your feedback on these new WordPress templates!

~ s

Daily deals sites are all the rage these days and by far the king of them all is Groupon. My wife loves it and uses it quite often.

With that in mind, I’m about to release a Groupon inspired template package called “LeadGen” which is designed to allow you to quickly set up a lead generation site with the familiar look and feel of the grandaddy of daily deals sites.

The live demo sites are up and you can preview them now:

1) Click here to preview LeadGen

2) Click here to preview LeadGen-Alt

To make the lead generation box possible, I’ve added a new drag and drop widget to the ClickBump 5 theme (as of version 5.6, now in public Beta to registered ClickBump owners). The new widget is called “C5: Lead Gen” and you can just drag it into a sidebar to get the same look and feel and functionality I’m displaying on the demo sites.

The default form markup is compatible with AWeber and includes a Name, Email and Phone capture fields. On modern web browsers and devices, you’ll get some nifty form feedback cues made possible by HTML5′s new form controls. For example, each form field has “placeholder” text to guide the user to fill out the form. It also has autocomplete built right in.

Looking forward to getting your feedback on these new templates!

~ s

I’ve just released ClickBump version 5.5 to the member’s downloads page. This release has a ton of enhancements over the previous version. The most notable enhancement is the inclusion of the new “Canvas” layout manager. This is a special tab that appears when you are using the “Canvas” premium template skin (a free download to existing ClickBump theme owners via the downloads dashboard).

In addition to the new template layout tools (for site’s running the “Canvas” template skin), you will also notice that the admin panel is significantly faster than previous versions. I’ll discuss more of the new features in 5.5 below, but I want to show you a few of the out of the box design layouts you can get with the new “Canvas” tab.

The default look and feel for the Canvas template is a spartan, clean, no-frills design. However, you can instantly infuse your own unique character and personality into the design via the new point and click options available from the new “Canvas” tab.

For example, here are a few of the hundreds of design possibilities you can achieve via point and click:

Canvas Demo #1

Canvas Demo #2

Canvas Demo #3 |

Canvas Demo #4 |

Canvas Default Demo

More to come…

I will be posting a video walk-through illustrating the new features in 5.5 including:

• New “Canvas” layout manager. Easily customize the default “Canvas” template skin via point and click options.
• Slider anywhere – you can now include the slider widget anywhere throughout the site. Previously you could only include it on the home page. In addition, when the slider is enabled on category landing pages, it automatically rotates through the posts in the category.
• Enhanced colorpicker options. You can now directly input hex numbers (or use the colorpicker as before)

A few days ago, I wrote a blog post about Google engineer Navneet Panda’s work to design a real time web page classifier for text and image data and suggested that web page layout may indeed be a ranking factor under this new “visual search” technology.

Right on cue, Google launched an algo update today called the “Page Layout Algorithm“ that utilizes this technology.

Specifically, the update aims to diminish thin sites with little content value in which the ads push the content below the fold and make it difficult for users to find meaningful content. If you’ve ever tried to download a printer driver or appliance manual, you’ve seen the worst of this.

From Google’s Matt Cutts:

As we’ve mentioned previously, we’ve heard complaints from users that if they click on a result and it’s difficult to find the actual content, they aren’t happy with the experience. Rather than scrolling down the page past a slew of ads, users want to see content right away. So sites that don’t have much content “above-the-fold” can be affected by this change. If you click on a website and the part of the website you see first either doesn’t have a lot of visible content above-the-fold or dedicates a large fraction of the site’s initial screen real estate to ads, that’s not a very good user experience. Such sites may not rank as highly going forward.

With this in mind, I’d like to demonstrate how site owners and Adsense publishers can leverage ClickBump 5‘s Ad Layout manager to maximize site rankings under the new algorithm, utilizing Google’s “Best Practices” for ad layout.

Specifically, there are two ad layouts that Google’s Adsense guidelines specifically recommends:

Option 1 > Ad wrapped above the fold:

To use this layout with ClickBump 5, go to “ClickBump > Ads > Ad Position” and choose the 2rd wrap option to align ads to the right side of text.

Option 2 > Ads positioned below the initial content block:

This layout can also be utilized with ClickBump 5. There are a few more steps with this method, and I’ll likely make it a 1 click option in the next update of the ClickBump 5 theme framework, but you can achieve this layout now with the following settings:

ClickBump > Ads > Ad Position > (choose the 1st layout option with the text wrapped to the right side of ads)

ClickBump > Ads > Ad Headroom > (enter 200 into this field. This will move ads down 200 pixels below the opening paragraph of content.)

ClickBump > Misc > Custom > CSS (enter the following line of css into the field)

.adsense336 {width:100%; padding-top:20px;}

Update: As of version 5.3.1, which was released on 1/25/2012, you can now position ads below the fold (ie, after X paragraphs) into your content. For example, you can choose to place ads after the 1st, 2nd, 3rd, 4th, or 5th paragraph as well as at the beginning or end of content, with one click.

Now that you know what TO do, I’d like to share with you an ad layout that you should avoid:

You can see with this layout that the content has been pushed below the dotted line with represents the “above the fold” area. You should avoid utilizing this layout as it may adversely impact your site’s ability to attract search traffic.

I look forward to your comments on other ways to maximize ad revenues while maintaining best practice ad layout guidelines. Its interesting to note that since this announcement there has been much chatter regarding Google’s own abuse of these new layout guidelines with sponsored ads above search results. I suppose its a classic case of “Do as I say, not as I do”.

Danny Sullivan over at searchengineland.com has a comprehensive write-up about the Google update along with Q&A with Google’s Matt Cutts on what it means and I’d encourage you to check it out along with my recent post on how to maximize site rankings under Panda.

I’ve been doing quite a bit of research into the Google Panda update in order to determine how to maximize the “trust/value/relevant” signals that are common to the best ranked websites and minimize the “untrusted/low value/not relevant” bad signals that can cause the panda to take a bite out of your site rankings.

There are several ingredients to a successful web page in the age of Panda. First and foremost, your goal should be to create pages that “Wow” users with useful information about the subject matter.

Do this and Panda will reward you as well. For example, do a search for “Flaxseed Oil Benefits” and you will land on a #1 ranked site running ClickBump 5 that does just that.

There is an abundance of evidence, both from website owners and from published research papers from current and former Google engineers, that indicate a strong correlation between bounce rates and user satisfaction (and by extension, lower bounce rates – higher site rankings).

In a paper titled “Predicting Bounce Rates in Sponsored Search Advertisements“, four Google engineers provide some concrete evidence that bounce rate can be utilized as a reliable metric and indicator of quality and user satisfaction:

Kaushik claims bounce rate is important for advertisers to monitor because a user who bounces from a site is unlikely to perform a conversion action such as a purchase. He suggests that high bounce rates may indicate that users are dissatisfied with page content or layout, or that the page is not well aligned to their original query

What is “Search Bounce Rate”?

When we are discussing bounce rate in the context of search, we are specifically referring to the activity of a user who clicks on a link from search and immediately returns back to the search page to perform the same search or click on another search result. In contrast, the bounce rate of a given page within a website has totally different meaning. A page in which all users visit only once, and they all click an outbound link (ie, an Ad or affiliate link) and never return again, would have a 100% bounce rate, however, it would be a very effective (and lucrative) page and still may rank very highly in Google because the “Search bounce rate” may be close to zero.

There is mounting evidence that Google pays close attention to “search bounce rate” as a key indicator of landing page quality.

So, how can we increase user satisfaction and decrease search bounce rates?

I want to share six essential elements that you should strongly consider implementing on your website immediately. These elements help to convey trust, increase user satisfaction and decrease bounce rates. Most importantly, they are in accordance with Google’s recommended guidelines for quality.

1. A logo, owner photo or header graphic - Websites that are trusted and established have logos and/or header graphics relevant to their target audience. Websites that do not have logos or compelling header graphics are instantly seen as possible spam sites.
2. An illustration, diagram or video within the content (as close to the top as possible) that helps explain the concept, product benefits, or information you are presenting. Diagrams are preferred to photos since they tend to be custom fitted to the content, rather than simply lifted from stock or web galleries. Make sure to include “Alt” text that describes what the graphic represents.
3. An author byline- A byline is one of the easiest and most effective ways of conveying trust to the user. It gives the user a perspective with which to ingest the content from a human perspective. For example, as opposed to merely “reading a web page”, the context is shifted to “Reading Julie’s evaluation of this product”. This feature has been added as a default option in that latest update of ClickBump framework, version 5.2 r6.
4. Over-deliver on content value. This begins with understanding the minimum metric for valuable content: content length. My previous absolute minimumrecommendation for a single article has been no less than 350 words. I’m raising that to 750 words and suggesting a target of 1000-1500 words for maximizing content value.
5. Use named anchors to create an index of your page - to create a searchable index within your page, create jump links to identify each section of your page - Named anchors within your page are divisions which have jump links. Google now indexes these named anchors as independent links under the same search results. You can see an example here for trans fat as well as for the search prostate cancer.
6. Use no-index on low quality pages – Make sure that your low quality pages are set to noindex and links to these pages are set to nofollow. Also, pages such as “About Us”, “Contact Us”, “Privacy Policy”, “Earnings Disclaimer”, etc are all candidates for nofollow/noindex. We now know that Panda looks at all pages on your site as a whole and pages that are of lower quality can negatively impact your pages that are of higher quality.

What does a high quality site look like?

Here’s a couple of sites which use the ClickBump framework to provide informative, engaging, credible and trustworthy content. These are the types of sites that we are talking about:

Above: Beyondmds.com utilizes ClickBump 5 framework with the “XFactored 2.0″ Skin

Above: nomorediabetes.org utilizes ClickBump 5 framework with the “WikiClicks” Skin

In this article, I’d like to share a bit of what I’ve learned in preparation for a book I’m writing on building high ranking websites that Wow users.

To set things up, lets take a look at a very enlightening conversation that Wired magazine had with two of the engineers responsible for Search quality at Google, Matt Cutts and Amit Singhal

Wired.com: What’s the code name of this update? Danny Sullivan of Search Engine Land has been calling it “Farmer” because its apparent target is content farms.

Amit Singhal: Well, we named it internally after an engineer, and his name is Panda. So internally we called a big Panda. He was one of the key guys. He basically came up with the breakthrough a few months back that made it possible.

Wired.com: What was the purpose?

Singhal: So we did Caffeine [a major update that improved Google’s indexing process] in late 2009.  Our index grew so quickly, and we were just crawling at a much faster speed. When that happened, we basically got a lot of good fresh content, and some not so good. The problem had shifted from random gibberish, which the spam team had nicely taken care of, into somewhat more like written prose. But the content was shallow.

Matt Cutts: It was like, “What’s the bare minimum that I can do that’s not spam?”  It sort of fell between our respective groups. And then we decided, okay, we’ve got to come together and figure out how to address this.

Wired.com: How do you recognize a shallow-content site? Do you have to wind up defining low quality content?

Singhal: That’s a very, very hard problem that we haven’t solved, and it’s an ongoing evolution how to solve that problem. We wanted to keep it strictly scientific, so we used our standard evaluation system that we’ve developed, where we basically sent out documents to outside testers. Then we asked the raters questions like: “Would you be comfortable giving this site your credit card? Would you be comfortable giving medicine prescribed by this site to your kids?”

Cutts: There was an engineer who came up with a rigorous set of questions, everything from. “Do you consider this site to be authoritative? Would it be okay if this was in a magazine? Does this site have excessive ads?” Questions along those lines.

Singhal: And based on that, we basically formed some definition of what could be considered low quality. In addition, we launched the Chrome Site Blocker [allowing users to specify sites they wanted blocked from their search results] earlier , and we didn’t use that data in this change. However, we compared and it was 84 percent overlap [between sites downloaded by the Chrome blocker and downgraded by the update]. So that said that we were in the right direction.

Wired.com: But how do you implement that algorithmically?

Cutts: I think you look for signals that recreate that same intuition, that same experience that you have as an engineer and that users have. Whenever we look at the most blocked sites, it did match our intuition and experience, but the key is, you also have your experience of the sorts of sites that are going to be adding value for users versus not adding value for users. And we actually came up with a classifier to say, okay, IRS or Wikipedia or New York Times is over on this side, and the low-quality sites are over on this side. And you can really see mathematical reasons …

Singhal: You can imagine in a hyperspace a bunch of points, some points are red, some points are green, and in others there’s some mixture. Your job is to find a plane which says that most things on this side of the place are red, and most of the things on that side of the plane are the opposite of red.

Now, As you may or may not know, on February 24, 2011, Google rolled out its most significant algorithm change since it first launched in the late 90′s. The update adversely affected about 12% of all US based websites in its index. A huge impact if you were one of the 12 percent.

This update has been code-named “Panda” after Navneet Panda, an Indian born software engineer at Google. The important thing to note here is that Navneet is the person primarily responsible for the “breakthrough” that Singhal describes above, hence the name.

Through my research, and verified by Singhal’s last comment above. I’ve identified that this breakthrough is based on SVM or Support Vector Machine computational analysis. So, in essence, Panda = SVM.

Want more evidence? Here’s a snippet from Navneet’s current resume at the UCSB website under “Projects > Machine Learning” (highlights added for emphasis):

• Development of indexing structures for support vector machines to enable relevant
instance search in high-dimensional datasets
• Speeding up SVM training in multi-category large dataset scenarios
• Speeding up approximate SVM classification of data-streams
• Design of a real time web page classifier for text and image data

So, you can see many references to SVM and machine learning concepts, all pretty wonky stuff, but the basic concepts are outlined by Matt and Amit above in laymans terms:

Google has basically created a dividing line or “hyperplane” representation of URLs for any given search term in which on one side are the quality sites and on the other are the bad.

The way it does this is extremely clever. It all starts with google’s vast army of human “quality raters”. These are contracted workers, normal people like you and me …

Aside: a clickbump owner has indicated to me that he’s just been accepted into the google rating program. I had already obtained a copy of the latest Google quality rater’s guide (March, 2011) and I’m looking forward to getting some actual rater feedback to share with you

These “raters”, as Cutts discusses above, are contract workers who are tasked to evaluate a list of website URLs from Google’s index for a given search query. They are then asked to rate the URL in terms of overall user experience, quality and how well the page answers the target search query. All the things that are very hard for a machine or algorithm to discern – unless you can teach it to behave and respond like a rater.

Contrary to popular belief, the raters do not directly impact the rankings of the individual sites they are rating. Rather, google uses their evaluations to create a model of the common traits (aka, signals or vectors) of websites which are viewed favorably by real people. It also creates a model of the common traits of websites which are found not useful at best or “spam” at worst.

As best I can tell at this point, this “model” is based on non visual indicators (apart from the human rater’s visual perceptions). However, Naveet Panda has done work on using SVM for visual image analysis, and as evidenced by his online resume at UCSB, “Design of a real time web page classifier for text and image data”. Since we know that facial recognition software exists and has advanced to a high degree of accuracy, one could expect that the same technology could be used for rapid comparitive analysis of a target URL screenshot against a known set of “Good” visual indicator cues.

What this means is that its conceivable and entirely possible that Google’s algorithm uses a screenshot of the page as a factor in its evaluation.

Google then uses all of this data to “train” its algorithm to instantly classify URLs as good or bad for any given query. In other words, if the URL exhibits an abundance of the signals common in those websites that fall on the “good” side of the hyperplane and very few of the traits of the “bad” sites, then it can make an extremely accurate prediction of the quality and user satisfaction of the URL. And most important of all, due to the massive size of the index, it can do it without ever visiting any website it passes judgment upon.

That last sentence is very important. As you might imagine, given the size and scope of indexing all of the pages on the web, an algorithm that only requires a glimpse of that index in order to return the top matches for any given search, would certainly be considered the holy grail of search,  that’s the breakthrough that Amit is talking about in the first and last paragraphs of the Wired interview excerpt above, and it can best be represented graphically like so:

 Illustration of hyperplane model separating good results from bad: In this case, the solid and empty dots can be correctly classified by any number of linear classifiers. H1 (blue) classifies them correctly, as does H2 (red). H2 could be considered “better” in the sense that it is also furthest from both groups. H3 (green) fails to correctly classify the dots.

I’m particularly intrigued by Navneet’s last bullet point above “Design of a real time web page classifier for text and image data“. I’ll talk more about this later, but it would seem that this statement is much more powerful than its order in the sequence would suggest.

Cutts: If someone has a specific question about, for example, why a site dropped, I think it’s fair and justifiable and defensible to tell them why that site dropped. But for example, our most recent algorithm does contain signals that can be gamed. If that one were 100 percent transparent, the bad guys would know how to optimize their way back into the rankings.

Singhal: There is absolutely no algorithm out there which, when published, would not be gamed.

So, once the site owner has done everything it can to produce content that is highly useful and relevant to the subject matter, the task of the SEO is to determine the most favorable “signals” or “vectors” that place the site as far away from the bad side of the index as possible. One might speculate that given a large enough selection of top ranked websites, you could identify the most common traits (aka signals or vectors) that they share. In the same manner.

In either case, I believe there will certainly be some common predictors of sites on both sides of the index and that given a set of URLs for a given search query, we should be able to more accurately predict potential search rank based on these factors.

I believe those predictors are:

1. Design and user experience: Choose site design templates that are clean, uncluttered and provide easy to understand navigation and categorization of content. A site logo is a trust signal. A header graphic, while not as strong as a logo, is also a signal of quality.

2. Content quality : Its no longer enough just to provide unique content. You content needs to “Wow” users into wanting to share your page with others. It should be rich and add value with photos, videos, illustrations, graphs, comparisons and well-researched data and conclusions. You should strive to tell both sides of the story, the good and the bad so as to remain objective. All of these traits are found in the pages that people like and respond to the best. They provide a strong signal of quality and these are the types of pages that Google wants to push to the top.

3. Encourage Google +1′s, Facebook likes and Twitter tweets: A social profile of a given URL should be easily indexible and a strong indicator of quality and relevance. As such, you should pay special attention to improving your page’s social profile and actively engaging with your target audience through social media.

4. Track user behavior and bounce rates closely - Google engineers have released several studies that show that bounce rate is a very accurate predictor of quality. As such, you should expect that your page’s bounce rate is of critical importance to your ranking. You want low bounce rates and long user sessions. This is a strong indicator of quality and very easy for an algorithmic evaluation. You can bet that its a central part in the Panda formula.

At this point in the discussion, we are only scratching the surface of the inner working’s of Google Panda. And as I continue to dive into SVM and Navneet’s research, I’ll be presenting more information on what we can learn from his work in order to build better websites.

The core takeaway at this point, and fodder ripe for discussion, is that, based on the core work product of Navneet Panda, along with Amit Singal’s comments to Wired.com above, we can be reasonably certain that the algorithm that determines whether your website is on the good side or the bad side of the index, is found in SVM theory.

If you want to do some reading on your own, here are a few of Navneet’s papers that delve deeper into the topic and give us a glimpse of what makes Google panda purr:

I’ve just released version 5.3 of the ClickBump Theme Framework which enhances the slider widget over and above what you see in this video, scroll below to read about the new enhancements.

In addition to the default “spine-based” navigation, you can now choose to hide the spines and have auto generated “arrow-based” navigation in which the user can click left and right arrows to advance or rewind the slider. You can see an example of this new slider navigation on the “Magnetic” template demo site (uses the “outside arrow” option) as well as the “Gazette” template Demo site (uses the “inside arrow” option).

Above: This video demonstrates the basic options for the ClickBump Slider Widget. This widget is included in at no additional cost in ClickBump theme. Its comparable to the $99 slide deck.

Above: When the slider widget is added to the “Header” sidebar (the default installation location when your site is built using JumpStart Pro) the slider spans the entire width of the template. This video demonstrates how to move the slider widget into the “Above Content” sidebar, which allows the slider to sit just above the content area, and to the left of the right sidebar.

The “Canvas” live site demo, showcases the slider in this configuration.

Update: As of ClickBump Framework version 5.3, you can now assign a category to use to feed the slider. This makes it much simpler to configure your slides, since it pulls from your existing posts in the selected category.

For example, let’s say you have a category named “featured items” in which you have four posts assigned to this category. Each of these posts have a featured image as well as a Custom post title.

When you assign that category to the slider widget, via “Appearance > Widgets > C5:Slider“, it pulls each post in that category (and its subcategories) and displays them as individual slides in the C5 slider.

Here’s what it does:

1) Displays each post’s “Name” as the vertical slider handle
2) Display’s each post Title (or “Custom Title” if present) as the slide heading title and links the title to the post
3) Display’s each post’s summary text (or up to the “More” divider, if set)
4) Displays a “Read More” link below the post summary (This can now be customized to show the post title if preferred at “ClickBump > Blog > Custom ‘read more’ options”)
5) Displays the posts “Featured Image” to the right side of the slider window, behind the post summary.

Update: You can now View the Live Demo Site for the “Canvas” template.
As an early Christmas gift, I’ve just released a new FREE template to ClickBump owners. This template is offered as a free download for current owners of ClickBump theme (Express, Engine and BizLocal owners can get it at the member’s dashboard beginning Friday December 9th)

(Above: The “Canvas” template with the included “ClickBump Slider” widget in the “Above Content” sidebar layout – Click the image for full screen preview)

This is one of the most versatile templates I’ve ever created. I’m calling it “Canvas” because you can take it and create just about any layout or look that you can imagine, all with this one little template. Here’s a look at the template in a few of its almost limitless layout various configurations (click the images for full screen previews):

(Above: The “Canvas” default layout)

(Above: With the “ClickBump Slider” widget enabled)

(Above: With the Amazon Carousel widget enabled)

(Above: With a custom header image and Google headline fonts enabled)

(Above: With a custom background image set to a fixed scroll)

These are just a few of the layouts you can achieve with this template. You can also flip the sidebar to the left, apply your own custom colors to the background, header, menus and content areas, and much more.