Designer News: TutZone- Tutorials, Design news and Inspiration

Friday, August 27, 2010

TutZone- Tutorials, Design news and Inspiration

Make StumbleUpon (SU) Pick The Right Thumb When Discovering Articles

Posted: 27 Aug 2010 04:17 AM PDT

Stumbleupon for me is ultimate place to find really interesting stuff. I use it on a daily basis to get inspired and find new stuff around. Stumbleupon users like all other social media users like Images, but when discovering a article from some themes/sites, it picks a wrong thumb, usually of a ad. It depends on the theme structure.

That is where this simple trick comes in handy. Before discovering a article from your blog (only where Su picks the wrong thumb), add below code to your post (after modifying it accordingly) and it should pick the correct thumb.

wrong thumb and corrected thumb

One Step Tutorial:

After publishing your post, Edit it and add below code with corrected links to THUMB and ARTICLE link:

<script>
 var imgHz=400;
 var imgWz=400;
 var sImageURLz='http://slodive.com/wp-content/uploads/2010/08/wenxichen/wen200.jpg';
 var sURL1z='http://www.stumbleupon.com/refer.php?url=http%3A//';
 var sURL2z='tutzone.net/2010/08/conditional-captcha-make-wordpress-spam-free.html';
 if (document.referrer==(sURL1z+sURL2z)){
 document.write('<div  style="position: absolute; top: 20px; left: 50px; background-color: azure;"><img src="'+sImageURLz+'" height="'+imgHz+'px" width="'+imgWz+'px"></div>');
 }
 </script>

Note: Please change var sImageURLz=’ and var sURL2z=’ with your Thumbnail link and Article link respectively.

After Discovering the article, you can should edit the post again and remove the code added.

That’s it.