Friday, August 27, 2010

TutZone- Tutorials, Design news and Inspiration

TutZone- Tutorials, Design news and Inspiration

Link to TutZone

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.

SloDive - Design Resources and Inspiration

SloDive - Design Resources and Inspiration


Key to Improve the Conversion Rate of Your Online Store

Posted: 27 Aug 2010 03:21 AM PDT


Older Related Articles:

Arrival of autumn season is pronounced by passage of Temperature from summer into winter season. Its long awaited as it gives us a respite from scorching sun and brings our most favorite shopping time expected during Black Friday, Cyber Monday and Thanksgiving holidays. This season is even more important for online stores as this period is marked for spending big bucks by customers. Your website is the only way where you display your products & services/interact with your prospective customers. But the poor web design leaves no second chance to convert the site visitors into paying customers.

Key to Improve the Conversion Rate of Your Online Store
Image Credit

We have found a very good answer to an effective design strategy, that too in an affordable manner as it is raining discounts from Template Monster. The company offers its customers the ability to get professional eCommerce Templates at a 20% discount. This promo is oriented on those site-owners who wish to most efficiently optimize their website and, what’s more essential, acquire and convert their site visitors into paying, loyal customers.

But what if we dig deeper than just a discount on template purchase? What matters the most for any eCommerce project is the website conversion rate, it is a crucial thing when it comes to website’s profitability. High conversion rates are feasible only with such website design and page content that play a huge part in visitors’ trust. Here’s a couple of tips for those who want to improve online store conversion rate:

Plan Your Website Design

Plan Your Website Design
Image Credit

Any website retailer should have a great functional site design with all the basic elements professionally presented. That should be a decent layout with accurate content that communicates unique value and unique campaign propositions you offer.


Testimonials and References

Testimonials and References
Image Credit

The website will be more credible when there is a wide range of testimonials and references from well known brands or actual individuals included. Just make sure you have a human aspect included into testimonials – we are all social creatures and other individuals’ experience really does matter for us, as long as it’s an experience we can relate to. This will ensure the users that their order will be treated with all the importance it deserves.


Website Search

Website Search
Image Credit

To enhance website usability, it is essential to offer functional search facility so that customers can easily find what they are shopping for within a few seconds. Do not let them get lost in the sea of products and work hard to find a search box. Better include the lists of what could be found using the search option. Perhaps it’s also necessary to suggest for similar or recommended products if the desired items cannot be found.

By the way, don’t forget to pay attention to the breadcrumb – it is a scientifically proved fact that as long as a visitor knows the tree structure of a website he/she is browsing, the feeling of confidence and safety get him to be more likely to actually make a purchase. While being confused about the structure scares customers off immediately.


Deliver What Your Want Audience to Know

Deliver What Your Want Audience to Know
Image Credit

Make sure that every page of your website seeds the offer – these might be banners, ads, strong call to action buttons. To attract bargain hunters, consider adding savings or special offers by RSS and email, and don’t make people register to buy from you. Other great suggestions include showing the ratings and reviews of top products with a layer of social proofing to them. In such way your store visitors will more willingly buy from you. And what’s more important they’ll buy what you want them to buy.


Longer Checkout = Less Sales

Longer Checkout = Less Sales
Image Credit

When talking about the shopping cart, it is advisable to minimize the number of pages, remove unnecessary navigation, account information on one page – just let your customer focus on completing the purchase. Plus you can make some data automatic so that customer doesn’t have to fill the same information twice. And make sure that you provide additional payment options since customers may prefer paying with another method. But what’s the most important here is that you have to keep it simple and make sure a customer may complete the order within minimum steps – each new page in checkout takes 20% off of the amount of customers you would have if it was only one checkout step.


Build Maximum Trust

Build Maximum Trust
Image Credit

So it’s important to give the potential customer every reason to trust you – provide your sales customer service phone numbers and email addresses, secure your website with SSL certificate, offer hacker-proof facilities, show your privacy policy, clearly explain the shipping procedure. While less and less people are cautious to buy online, more and more care of safety and pay great attention to a website credibility.

Actually, you can become a successful online website retailer with any eCommerce design offered by Template Monster. These eCommerce Templates being now available 20% off adopt professional practices using a combination of quality design, overall usability, site’s credibility, and various applicable tactics to significantly increase online conversion rates. So be more productive with your website design.


About The Author

Lilian Rigo, an expert columnist working with TemplateMonster since 2009, is committed to exploratory and creative writing that covers various aspects of the current state of web design and web development technologies.

Thursday, August 26, 2010

TutZone- Tutorials, Design news and Inspiration

TutZone- Tutorials, Design news and Inspiration

Link to TutZone

Fresh and Useful jQuery Plugins from 2010

Posted: 26 Aug 2010 04:31 AM PDT


With the vast number of jQuery plugins coming out these days it becomes hell of a task to dig up and pick the gems. Here we present some Fresh but Useful jQuery Plugins that might help you improve the reader experience on your site.

Shadow Animation

[Demo] [Download]
Shadow Animation

With this jQuery plugin, you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius.



Image Blur

[Demo] [Download]
Image Blur

This is little plugin for soft image blur effect on page load (and 'clear' on hover/rollover).



Popeye – an inline lightbox alternative

[Demo] [Download]
Popeye – an inline lightbox alternative

jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.



jQuery Easy Confirm Dialog

[Demo] [Download]
jQuery Easy Confirm Dialog

This is a jQuery based confirm plugin module that will act as the build in confirm-function in javascript but with the ability to style the dialog window. Only using built in jQuery and jQuery UI functions.



jQuery Ajax File uploader plugin

[Demo] [Download]
jQuery Ajax File uploader plugin

This jQuery plugin creates a hidden iframe and sets the form's target attribute to post to that iframe. When the form is submitted, it is posted (including the file uploads) to the hidden iframe. Finally, the plugin collects the server's response from the iframe.



Canimate

[Demo] [Download]
Canimate

If you've ever wanted to create an animation using a series of images for your website, but were forced to an alternative because you didn't want to deal with the constraints of the GIF filetype, like color limit and difficult-to-deal-with FPS controls, then Canimate is the solution.



jGallery

[Demo] [Download]
jGallery

jGallery is a jquery plugin to on a elegant way expose all your images and galleries.



ShowLoading

[Demo] [Download]
ShowLoading

This plugin is designed to show a loading image over a specific area of the screen (e.g. a specific div or other dom element) while an ajax request is running.



jQTwitter

[Demo] [Download]
jQTwitter

jQTwitter allows you to display any user's tweets in a list. You have the ability to set the number of tweets to display as well as the ability to display user's images and set their size. The list is easy to style with some very basic CSS, as all the elements have their own class. Each twitter specific links are converted (ie. @ and #). Easy to use and to implement in your site.



jQuery Touchwipe

[Demo] [Download]
jQuery Touchwipe

The small 1 KB library allows you to obtain the wipe event on an iPhone, iPad or iPod Touch which can be used for example to scroll through an image gallery. It can also work for Android Touchscreens.



AeroWindow

[Demo] [Download]
AeroWindow

AeroWindow generates very cool Boxes in the Aero Style, inspired by the style of Window7.The popup window offers the usual options and full functionality similar to Windows windows.



jReelGallery

[Demo] [Download]
jReelGallery

A jReelGallery is a small image gallery script based on the default OS window scrolling extended with easing. Supports scrolling, key events (e.g.: down and up arrow keys, home and end button). This plugin is highly customizable.



wdCalender

[Demo] [Download]
wdCalender

wdCalendar is a jquery based google calendar clone. It cover most google calendar features like Day/week/month view provided. It can create/update/remove events by drag & drop. You can easily integrate with database.

Designzzz.com c747c6dbeb8a44bd90ead71beee4e3d1 – Digg Verification Test Post

Designzzz.com c747c6dbeb8a44bd90ead71beee4e3d1 – Digg Verification Test Post


c747c6dbeb8a44bd90ead71beee4e3d1 – Digg Verification Test Post

Posted: 26 Aug 2010 08:57 AM PDT


c747c6dbeb8a44bd90ead71beee4e3d1

Visit The Site For More...

ProWorkflow the best Online Project Management Tool

Posted: 26 Aug 2010 12:59 AM PDT


ProWorkflow the best Online Project Management Tool Managing Projects, Staff, your team and clients all together can be a hard job, so for keeping all of them organized, working, upto date and in...

Visit The Site For More...

Best Examples of Fashion Photography

Posted: 25 Aug 2010 01:37 AM PDT


Best Examples of Fashion Photography Here i have gathered some of the best and glamorous examples of typical fashion photography. These photographs are based on showing glamor via dressing, make up...

Visit The Site For More...