Improving Woocommerce Checkout Conversion with a Custom Error Message

Woocommerce is awesome.  My favorite e-commerce structure for myself and clients.  It does however, have some issues with conversion, particularly in the checkout process of Authorize.net and other payment gateways that accept credit cards.

Here's the issue... when a potential customer goes to checkout in a Woocommerce store (with for example Authorize.net payment gateway plugin), and puts in their credit card data, the error that Woocommerce provides is less than satisfactory.  It says something along the lines of, "An error occurred, please try again or try an alternate form of payment."  Pretty vague, and not very friendly to potential customers who are having trouble.

So, what to do?  Create a quick and easy function in php to add to your Child theme functions.php file (always use a child theme to keep your changes with your WordPress theme upgrade-safe!)

Here it is -

// alter the subscriptions error
function my_woocommerce_add_error(
$error ) {
if( 'An error occurred, please try again or try an alternate form of payment.' == $error ) {$error = 'This is where you're new error message will go, if you have any trouble - contact 555-555-5555.  Please verify your CVV/CVC code is correct, as well as your billing address matches the card account.';
} return $error; }
add_filter( 'woocommerce_add_error',
'my_woocommerce_add_error' );

 

A couple things here... if the error message is different in your checkout, make sure to change it, or your new custom error message won't work properly.  Also, as I added in the example above, a phone number to call, and a mention of the CVV/CVC 3 digit code, which is often the issue.

These steps should have you converting a little better when customers have credit card payment issues.  Give me a call at 415-237-3932 if you need help with your WordPress and/or Woocommerce website.

Wooing Business into Ecommerce Prosperity

 

 

Wooing Business Into Ecommerce Prosperity With Woocommerce
By: Justin Michael Murray

Business trends in the current day and age have changed tremendously with the influx of internet technology and online communication. The internet has become the home for marketing and promotion of business products. It is possible for a Small business to explode into a multi-billion profit entity through effective use of the online platform for marketing. The market will only increase, but must be harnessed with ecommerce for small business. Ecommerce is simply 'the' best way to get your business visible and to attract attention of your potential customers. Ecommerce refers to operating business electronically, primarily over the Internet and with the capacity to get your products "floorspace" on the internet marketing platforms like search engines, social media networks, web pages, blogs, and business directories. You can also define it as buying and selling products and services through the electronic channels. There is nothing more convenient as ecommerce because of the expanding market, 24 hour product availability, and global reach in real time. Small, medium, and larger businesses are increasingly using the innovative ways of the internet to provide consumers with faster online business solutions.

The trick of getting ecommerce for small business booming lies in WordPress with the amazing Woocommerce plug-in extension. It's very important to note that ecommerce works best when you take into considerations the aspects of clean design, fast performance, and visitor captivation. When your business is online some of the things you need to do to attract traffic visibility include beauty and easy access to information on products. This is where the brilliant Woocommerce themes available comes in. Most businesses use WordPress ecommerce since it's very easy to operate and easier for the traffic to access necessary information. I've taught small business owners how to manage their own store in less than 2 hours of training!

Woocommerce is one of the most popular ecommerce plug-ins for WordPress. This is what transforms a WordPress small business website to a serious ecommerce store with easy management, a solid seo foundation, schema data (stars in Google search for products), and all the bells and whistles that an online store requires. With the help of the Woocommerce plugins the WordPress eCommerce become a fast and inexpensive way to get your products selling beautifully, yet feature-rich solution. As long as you pick a responsive theme (which you should!), then the store will be mobile and tablet friendly. This is extremely important in this day and age of iphones, androids, ipads, and desktops. Woocommerce extension plugins provide the best features to keep your store competing on many different levels. It has social media integration, Google Analytics e-commerce tracking, security to a WordPress Sucuri standard, comprehensive store management, tax & Shipping options, and a plethora of payment gateways. It's also quite conversion friendly, with one page checkout and plenty of room for product images and descriptions. Woocommerce and WordPress in general is developer friendly, so the market and rates are very competitive, equaling cheaper customizations to the theme (design) or coding (functionality) Now is the time for your business to jump into thinking about the possibility of an online store.

Thank you for reading!

Justin Murray

Owner of Kickin Knowledge

- E-Commerce Consultation & Development

Take your business to the next level and learn more about Woocommerce for small business at http://KickinKnowledge.com

Article Source: Wooing Business Into Ecommerce Prosperity With Woocommerce

A Guide to Woocommerce Security

 

Owning and/or managing an ecommerce website can sometimes be overwhelming.  Far too often I am asked to review a Woocommerce website for marketing or development work and I then immediately realize that the store is insecure and contains possibly serious security issues.  This puts a massive amount of liability on the owner of the website, but little to no liability on past developers or designers.  Many of these cases of insecurity is simply a business owner developing their own ecommerce website, or developers who simply don't understand the requirements of a properly secured woocommerce store.  Proper Woocommerce security simply cannot be overlooked for the long term protection of your investment.

Call KickinKnowledge at 415-237-3932 to schedule a free security review of your website.

The first sign of an insecure woocommerce website is the absence of a padlock in your browser address bar and no https before the website address.  If you enter your credit card data on a page that is insecure, you are putting yourself at risk for man-in-the-middle attacks and eavesdropping of your confidential data.  Woocommerce is supposed to secure your checkout when you enable "Force secure checkout" checkbox in the Settings.  This requires the purchase of a SSL certificate from a certified vender like Verisign, Thawte, Comodo, or Godaddy.  The payment gateway which you use for Woocommerce will alert you in the documentation if a SSL certificate is required, and generally any of the "on-site" payment gateways like Authorize.net will require an SSL for payment.  So if you don't have an SSL , I recommend Thawte, as they have fair pricing and a number of different coverage levels depending on your ecommerce store variables (the extenteded validation SSL certificates are awesome, as they allow for the long green security validation bar for extra security comfort in certain browsers)  Unfortunately, even with Woocommerce setup for secure checkout, and an SSL certificate installed on your server, that doesn't always cover some parts of the website generated via plugins and also certain themes.  You may still be stuck with no padlock, and insecure data warnings.

 

[fusion_builder_container hundred_percent="yes" overflow="visible"][fusion_builder_row][fusion_builder_column type="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none"]

Enable HTTPS in Woocommerce

Enable HTTPS in Woocommerce

 

Fortunately, their are a number of ways to diagnose the insecure checkout problems with Woocommerce websites.  Here are the steps I use to assess security with Woocommerce:

1) Have you confirmed that the server has a dedicated SSL certificate installed correctly (check with your host if you're not sure)

2) Have you forced secure checkout in Woocommerce Settings (as described and pictured above)

3) Have verified a secure padlock showing in Google Chrome and Firefox?

IF # 3 is not showing,  I use the WordPress HTTPS plugin

If that plugin does not solve your padlock issues, then you will want to run your checkout url through www.whynopadlock.com - or, you may use Google Chrome - Right click on the Checkout page, choose Inspect Element, and you should see all the insecure content warnings in the Console.  An alternative is to use Mozilla Firefox and the Firebug/Web Developers tool browser plugin.  Usually it is caused by images loaded via theme options with http:// instead of https:// in the url (a quick and easy fix) or third party integrations (social plugins)  Sometimes you have to use a plugin like Widget Logic to make sure that insecure content is not loaded on your Checkout page.  As a "side" note, if sidebar widgets are causing the problem, you should probably switch to a full page (no sidebar) page template anyways.  This thought behind this conversion element is that less distractions from the actual checkout process leads to more conversions.  Also notice in the image below from a previous ecommerce client, that there is an visual accreditation of the Geotrust SSL and the Authorize.net SSL badge.  These are also great for improving conversion.

 

[/fusion_builder_column][fusion_builder_column type="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none"]

secured woocommerce checkout verified in google chrome

Secured Woocommerce Checkout Verified in Google Chrome

 

What are some other recommendations for keeping Woocommerce secure?

1) I always use the Limit Login Attempts plugin Wordfence to protect against brute force password attacks, and a variety of other security issues.

2) Use a reputable host like Hostgator, Bluehost, Rackspace, etc.

3) Updates!  Always keep WordPress, themes, and plugins updated to the latest version.

4) Have a backup and recovery plan for a quick comeback if a security breach or malicious code insertion is detected.

5) Preferably use SFTP or SSH when accessing your server files.

6) Advanced: Ensure that your MySQL database has a secure passwords and do not share access with anyone.  At Kickin Knowledge we also like to change the WordPress database table prefix to something other than wp_, for an extra layer of obscurity.

7) Keep a policy of having extremely secure and unique passwords for your hosting account and your wordpress administration login.  Use numbers, letters, special characters, and a minimum of 14 characters.

8) Limit your use of plugins, as the more plugins, the more possible security holes and usually slower website.

9) Buy a premium and consistently updated woocommerce theme from a reputable developer like woothemes or themeforest.

10) Advanced: Edit your htaccess to protect against sql injections. If you are not comfortable with the htaccess file and all of its functions, it is best you read to understand these items first, as you can do some serious damage to your website (although all are reversible if you have backups) If you use Yoast SEO for your Woocommerce seo, then you can access the htaccess file from there!  Remember to backup your original first before adding any of the code snippets below -

Add this snippet first

[/fusion_builder_column][fusion_builder_column type="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none"][box] ## Include this at the start of your .htaccess file ## Options +FollowSymlinks RewriteEngine On[/box]

SQL injection block for WordPress htaccess

[/fusion_builder_column][fusion_builder_column type="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none"][box] ## SQL Injection Block ## RewriteBase / RewriteCond %{REQUEST_METHOD} ^(HEAD|TRACE|DELETE|TRACK) [NC] RewriteRule ^(.*)$ - [F,L] RewriteCond %{QUERY_STRING} ../ [NC,OR] RewriteCond %{QUERY_STRING} boot.ini [NC,OR] RewriteCond %{QUERY_STRING} tag= [NC,OR] RewriteCond %{QUERY_STRING} ftp: [NC,OR] RewriteCond %{QUERY_STRING} http: [NC,OR] RewriteCond %{QUERY_STRING} https: [NC,OR] RewriteCond %{QUERY_STRING} (|%3E) [NC,OR] RewriteCond %{QUERY_STRING} mosConfig_[a-zA-Z_]{1,21}(=|%3D) [NC,OR] RewriteCond %{QUERY_STRING} base64_encode.*(.*) [NC,OR] RewriteCond %{QUERY_STRING} ^.*([|]|(|)||ê|"|;|?|*|=$).* [NC,OR] RewriteCond %{QUERY_STRING} ^.*("|'|<|>||{||).* [NC,OR] RewriteCond %{QUERY_STRING} ^.*(%24&x).* [NC,OR] RewriteCond %{QUERY_STRING} ^.*(%0|%A|%B|%C|%D|%E|%F|127.0).* [NC,OR] RewriteCond %{QUERY_STRING} ^.*(globals|encode|localhost|loopback).* [NC,OR] RewriteCond %{QUERY_STRING} ^.*(request|select|insert|union|declare).* [NC] RewriteCond %{HTTP_COOKIE} !^.*wordpress_logged_in_.*$ RewriteRule ^(.*)$ - [F,L] [/box]

Hide your server signature

[/fusion_builder_column][fusion_builder_column type="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none"][box] ## Disable the Server Signature ## ServerSignature Off[/box]

Block All Access to Specific Security Sensitive WordPress files

[/fusion_builder_column][fusion_builder_column type="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none"][box] ## Block Sensitive Files ## Options All -Indexes Order allow,deny Deny from all Order allow,deny Deny from all Order allow,deny Deny from all Order allow,deny Deny from all Order allow,deny Deny from all Order allow,deny Deny from all Order allow,deny Deny from all Order allow,deny Deny from all [/box]

I know, it's a lot of stuff to work through.  Once these security changes are implemented, you can concentrate more on the items that will bring you ROI, like search engine optimization and paid advertising.  You do not want to deal with Google unranking your website if you get hacked with malicious code, or even worse, compromising a customers private credit card data through your Woocommerce checkout.  When in doubt, or if you have any questions, contact Kickin Knowledge or another experienced Woocommerce security expert and have them audit your website.  We also have a great blog post for finding help with Woocommerce. Call me, Justin, the author of this article at 415-237-3932 to schedule a free security review of your ecommerce store.

[/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Looking for help with Woocommerce and WordPress?

Woocommerce is an amazing platform for e-commerce. It has the ability for small business owners to manage and modify many important aspects of their online store. Let's face it though, WordPress and website technologies in general have issues. Plugins have conflicts with themes or other plugins, load times become slower, and even design does crazy things sometimes! Luckily, as an open source plugin developed via GitHub, Woocommerce has a ton of resources for getting assistance with your issues. It is very similar to the community sourced WordPress CMS itself, which has done nothing but grow tremendously in the last 10+ years.  Woocommerce was forked from Jigoshop, and became available on September 27, 2011.  Now it literally runs thousands of websites.  With all the variations of coding styles in the WordPress themes, plugins, and extensions of these thousands of websites, often event the best Woocommerce developers get stuck with errors and need assistance from a third party.  Remember, before letting anyone make changes or updates, it's a good call to backup your database and files (your host can usually help you with this, or use a plugin like BackWPup or BackupBuddy).  Also, getting help and code snippets from random people on the internet could be a dangerous thing for your visitors and your website in general.  Make sure you have some idea of what the code snippet is achieving, and ask questions if anything looks or acts strangely.  Particularly with ecommerce websites, it is necessary to have a secure checkout process.  You can verify the security of your checkout by using the free service at WhyNoPadLock.com

 

woocommerce

 

So you're looking for help with Woocommerce for WordPress?

 

First and foremost, the WordPress.org Forums have a library of information on all WordPress related issues, including many discussions that are Woocommerce related. These people know and love WordPress, and the experience level ranges from some of the best developers in the world, to first time WordPress users.

 

Woothemes is the “caretaker” of the open source Woocommerce plugin. Their team members are some of the largest contributors to the code-base which keeps Woocommerce growing.  They are also the industry leader in related themes and extensions.  I always prefer my web development clients to consider their themes.  An alternative and wider selection of Woocommerce themes can be found on Themeforest.  The Woothemes support section is a great resouce for Woocommerce users.  If you create a Woothemes account, you can then access their helpdesk section, a knowledge base, and a forum.  The helpdesk is where you can submit support for paid themes and extensions, and possibly get answers to general Woocommerce questions.  Of course, support tends to be focused on their specific paid themes and extensions.  Their knowledgebase is full of extensive documentation, along with the forum of passionate users.  If you purchased a theme of Themeforest or another theme developer, then you should go to their respective support forum for any theme help. If you have a custom WordPress theme, or you are having difficulty choosing the right theme for your business, then it may be best to call an experienced Woocommerce developer like Kickin Knowledge at 415-237-3932.

 

StackOverflow has a specific section for WordPress questions that are "tagged Woocommerce", or containing information related to Woocommerce. StackOverflow is widely known as a programmers paradise, and can therefore be quite intimidating if you haven't encountered coding or the culture before. Google will be your friend with any programming jargon you don't understand.

 

The Google+ Woocommerce Users Community is only destined to grow and I have personally learned a few new tips by surfing around the past posts.  Members tend to be very helpful and Google+ Communities are the perfect infrastructure for sharing and discussion.

 

Quora is Kickin Knowledge's favorite question and answer website on the internet.  Quora is what Yahoo Answers or Ask.com never was. A real community of exceptional writers. Definitely check out the e-commerce and Quora Woocommerce topic.

 

So, maybe your sick of asking for help and you want to learn how to debug code and write your own themes or extensions.  It's not particularly difficult, and the basics can be learned in just a few months of practice.  Start with the basics. What runs behind the scenes Woocommerce?

 

PHP, Javascript, CSS, and HTML are the coding languages behind the scenes of Woocommerce and WordPress.  It is also beneficial to understand Server configurations and technologies, along with the basics of Mysql database workings (WordPress stores its information in a Mysql database).  For learning coding, I suggest checking out Treehouse education. The unique style of teaching at Treehouse can rapidly increase your knowledge retention and put you on the fast-track to becoming a Woocommerce pro!

 

Our friend Brad Griffin also has some great material and a helpful video for diagnosing issues on his Woocommerce help article.

Essential E-Commerce Icons, Security Badges, and Call-to-Actions

Are you interested in the best e-commerce icons, security badges and call-to-actions?  I've researched the best embeddable icons and badges, so that e-commerce owners may make the best selection for their online store.  The visual aspect of an e-commerce website is one of the most often overlooked and misunderstood concepts.  Visitors need to feel safe and secure, while having a memorable experience.  At the same time they have to be driven towards your purchase process.  I recommend reviewing your favorite e-commerce websites, and notice if you see any similarity between the icons for security scans, SSL, social media buttons, etc.  I'm betting that you will see many that I have listed and pointed out in the imagery below.

Let's start by taking a look at our favorite selection of e-commerce icons and security badges.  Chances are, if you already have an SSL certificate for your secure checkout process, then you already have a SSL badge to add to your footer, or perhaps your right or left website sidebar.  The position varies depending on the design of your website, but it's a good call to add the clickable SSL javascript provided by Comodo SSL, Godaddy SSL, or any of the other large name providers.  Other providers of icons and security badges are Trustwave, TRUSTe, McAfee Trustmark and the Better Business Bureau.

When I began writing this blog post, I intended to get screenshots of each security badge, some SSL badges, etc.  Instead, I found them all on the Godaddy SSL  product page, so I took a screenshot with Fireshot (an awesome firefox add-on), and used arrows to pick apart the some of the important visual accreditation.  Godaddy has an incredible product page here, with an aim of converting you to purchase an SSL, preferably the more expensive one.  Check out my edited screen shot below:

 

[fusion_builder_container hundred_percent="yes" overflow="visible"][fusion_builder_row][fusion_builder_column type="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none"]

 Godaddy ecommerce icons and visual accreditations

Godaddy Ecommerce Icons and Visual accreditation

 [/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Is Google Moving Towards Image Authorship?

 

Let's start off with me telling you that I have no affiliation with Google.  Although, I do rank highly for "pretend to work at Google"  This article is purely hypothetical.  In no way am I saying this will happen, but it makes sense for Google to do it.

Images on websites are the wild west.  On one side, you have rogue or simply untrained web developers grabbing copyrighted images right off of other websites or Google Image search.  On the other side, you have large corporations like Getty Stock Images who scan the internet for their somewhat expensive stock images.  No matter which side you are on or support, it's a losing game for a lot of hardworking photographers and graphic designers.

[fusion_builder_container hundred_percent="yes" overflow="visible"][fusion_builder_row][fusion_builder_column type="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none"]

justin murray google image authorship example

Google Image Authorship Example of Justin Murray

What can Google do about this wild west of image copyright infringement?

 

Google can give you Authorship.  Google can force the "best practices" of web design and online marketing, by instituting an image mismatch, or "duplicate action" on your website.  How they would track the image as appearing first on a page with your Google Authorship (alt tag crawl date perhaps?) is unknown to me, but anythings possible with Google behind it.  They could even offer to host images for photographers or website owners (acting as a cdn), and then track them that way also.

Offer me free cdn and authorship for my photographs, logos, banners, and icons?  I'm sold.

 

What do you think friends?

Could Image Authorship be the next big thing?

[/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Getting Your Website Indexed by Google

Indexing of your website in Google is extremely important.  If it isn't indexed in Google, then your website pages will not show up in Google search results.  If you do some significant changes in your website structure or layout, it's a good idea to re-submit your sitemap to Google Webmaster Tools.   Of course, a fast loading website and a properly optimized on-page seo implementation is also key to getting properly ranked in Google Search.  As you may have noticed, I have a special place in my heart for Quora.com, and I love helping to contribute my knowledge to the Questions posed by users, along with asking questions myself.  The following question, What are the ways to get top indexing in Google?, is a question I have answered many times in real life for clients and associates alike.  As a professional in local San Diego SEO, I pride myself in sharing my knowledge with open communities, enjoy, and leave any further questions in the social comments in the bottom of this post....

 

Read Quote of Justin Murray's answer to Search Engine Optimization (SEO): What are the ways to get top indexing in google? on Quora

HMTL Dropdown Menu Made Easy

When devising navigation for your website, a html dropdown menu is a common technique for creating a visual hierarchy of your webpage content.  The design and function of your main navigation can mean a huge difference in your conversion rate.  A good conversion rate is essential for proper internet marketing of your business.  Your visitors need direction, and it is up to you to lead them!  Let's review basic dropdown navigation menu's first:

 

Your Basic Dropdown Navigation in HTML & CSS.

Their are multiple ways to code and structure your dropdown navigation menu.  This is the most basic and simple that you can achieve -

HTML Coding

<nav id="main">
    <ul id="nav-top">
        <li><a href="#">Home</a>
            <ul class="subnav">
                <li><a href="#">About</a>
                </li>
                <li><a href="#">Our Mission</a>
                </li>
                <li><a href="#">Our Team</a>
                </li>
            </ul>
        </li>
        <li><a href="#">Services</a>
            <ul class="subnav">
                <li><a href="#">Website Development</a>
                </li>
                <li><a href="#">Online Marketing</a>
                </li>
                <li><a href="#">Social Media Marketing</a>
                </li>
            </ul>
        </li>
            </ul>
        </li>
    </ul>
</nav>

and here is the CSS coding to give it some very basic styling, with the colors used in Kickin Knowledge's navigation above. Have fun and experiment with this code on your website, proper css styling can make the bland beautiful with little coding required.

CSS Coding

#main {
    width: 100%;
    height: 80px;
    background: #243B5E;
}
#main .subnav {
    display: none;
    position: absolute;
    top: 69px;
    left: 0px;
    width: 100%;
    list-style-type: none;
    background: #243B5E;
    margin: 0;
    z-index:5;
    padding:0;
}
#main .subnav li {
    display: block;
    margin:0;
}
#main .subnav li a {
    color: #fff;
    height:18px;
    padding:10px 0;
    font-size:14px;
}
#main .subnav li a:hover {
    background:#243B5E;
}
#nav-top {
    list-style-type: none;
    margin: 0;
    float: left;
    padding:0;
}
#nav-top li {
    float: left;
    position: relative;
}
#nav-top li a {
    float: left;
    font-size: 15px;
    height: 50px;
    padding-top: 20px;
    line-height: 16px;
    width: 175px;
    color: #fff; 
    text-align: center;
    text-decoration:none;
}
#nav-top li a:hover {
    text-decoration:none;
}
#nav-top li:hover .subnav {
    display: block;
}
 /pre>

for some extra flare, feel free to get creative with more advanced and modern CSS3 effects such as:

and

The concepts behind this simple HTML and CSS navigation menu translates to pretty much every website, including CMS websites such as WordPress and Joomla.  Don't be afraid to customize your themes (with the correct upgrade-safe practices, i.e. childsheets for WordPress)  A little creativity can go along way, just make sure to keep your design consistent and clean, concentrating on readability and user comfort.

Stay tuned to Kickin Knowledge, for we'll also be doing a post on responsive html dropdown menu design, for a mobile and tablet friends version of your navigation.

Are you looking for a more advanced and fast-paced learning of web design & development?

I highly recommend checking out Treehouse and checking out this awesome offer - No Contracts, No Risk & a 30-Day Money Back Guarantee. Start Learning Web Design, Coding & More Now at TeamTreehouse.com


[/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

How to Add Google Authorship to your Quora Profile

Quora is one of the few websites that have metadata chosen by Google to show you Quora profile picture and Authorship for Answers of questions on the social network.  This is a great opportunity for more personal branding and reputation building.  Become an authority figure in your industry, and provide value to a fast growing community.

This is what Quora post results look like with Authorship -

 

[fusion_builder_container hundred_percent="yes" overflow="visible"][fusion_builder_row][fusion_builder_column type="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none"]

google authorship via quora

Justin Murray Google Authorship via Quora

 

This is the question which I answered on one of my favorite social networking websites, Quora.com -

Quora: How do you enable Google Authorship for your Quora profile?

 

Read Quote of Justin Murray's answer to Quora: How do you enable Google Authorship for your Quora profile? on Quora

So friends, what do you think of Quora.com?  Have you noticed your Quora results being indexed with your Authorship?  Please share your experience in the comments below...[/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

The Best Online Timers and Stop Watches

 

There are so many options for free online timers and stop watches. However, some options are simply better than others. These tools are great for timing any event just as long as you have internet access. Some of these online apps can also be accessed from various mobile devices. The following are some of the best free online timers and stop watches:

 

As Golda Meir once said, "I must govern the clock, not be governed by it."  I fully agree.  Proper time management is the cornerstone of productivity.

What is your favorite online timer?  Are you a E.ggTimer fan like me?