Autumn style Categories List in Thesis Footer

To contact us Click HERE
What if you have too many categories in your blog, How will you show them by drop down list or by picking some popular once and putting their links in Sidebar. Before this tutorial I have written tutorial about How to add widgetized footer in thesis.So In this post i explain, how to show categories in Footer and I created one special footer for you all that is Autumn style Categories which looks like this
and you can also have live view here on this page here. How to add Autumn style Category List in Footer of Thesis ThemeTo add this you need to Login to your WordPress Dashboard, than go to custom file editor and choose custom functions.php file to edit but wait do you know any error in custom functions.php file can cause a permanent damage to your site so try to use any FTP client for editing custom functions.php.
copy the below code and paste it in custom functions.php

function categorylist() { ?>
<div id="container">
<div id="foot">
<h2>Blog Categories</h2>
<!-- <span>Information Covered on the Blog</span> -->
<ul id="cats">
<?php wp_list_cats('sort_column=id&hide_empty=0&optioncount=0&hierarchical=0'); ?>
</ul>
<div>
<? }
add_action('thesis_hook_after_html', 'categorylist');
remove_action('thesis_hook_footer', 'thesis_attribution');
remove_action('thesis_hook_footer', 'thesis_admin_link');

/* END category list customization */

Now after adding the above code in custom functions.php add the below code in custom.css to style up the List with colors.

#foot { background:url("http://gotricky.com/Raj-Sharma/wp-content/themes/thesis_18/custom/images/tree-t.jpg"); border: 0.3em solid #BFBFBF; color: #2D6351; font-size: 12px; margin: 20px auto; overflow: hidden; padding: 1.5em; }  #foot a { color: #000000;  text-decoration: none; }  #foot a:hover { color: #198DC9; }  #foot h2{color: #2D6351; font-size: 22px; font-weight: bold; letter-spacing: 1px; font-variant:small-caps; margin:10px 0 10px 15px;} #foot h3 {color:#fff;font-size:18px;font-variant:small-caps;font-weight:bold;text-transform:none;}         #cats { list-style-type: none; width: auto;  margin-top: 13px; overflow: hidden; padding: 10px 0 7px 20px; }  #cats a:hover { color: #333; text-decoration: underline; }  #cats a { color: #333;  font-size: 15px; padding: 2px 5px;  }  #cats li { float: left; line-height: 1.8em; font-size: 1.2em; margin: 0 2px 5px 0; width: 165px; }    /* END customization of footer */

Video for this Post will soon be added with new updates on the same post.