Most of the time new Thesis users find it difficult for them to add the footer widget into their Widget Option but as time passes the same users start loving Thesis but the same problem stuck with a newbie so here I go with the awesome Asino Footer which has already a great many fans and one of the most famous footers used by the Indian Bloggers and I love it too because it is much better then others
Some simple steps which will take you to your Destiny that is Asino Footer
Get Inside your WordPress Dashboard
Click on the Thesis and jump into Custom file editor option
After then it will give you a option to edit the custom css files
Paste the below code there
#foot {
background: #2B2A2A;
border: 0.6em solid #212020;
color: #DBEDF9;
font-size: 12px;
margin: 20px auto;
overflow: hidden;
padding: 1.5em;
}
#foot a { color: #DBEDF9; border-bottom: 1px dashed #DBEDF9; text-decoration: none; }
#foot a:hover { background: #DBEDF9; color: #3D3C3C; }
#foot span.cat, #foot h3 { /* controls all blue headings */
color: #23A2D7; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
#foot h5 { font-size: 23px; }
#foot ul li ul { list-style-type: square; margin-left: 10px; }
#foot ul.sidebar_list { padding: 1.8em 30px 0 0; }
#foot li.widget .widget_box { background: none; border: 0; }
#foot .textwidget p { line-height: 22px; margin-bottom: 11px; }
#foot .col { float: left; list-style: none; width: 33.3%; }
#cats {
background: #3D3C3C;
list-style-type: none;
margin-top: 13px;
overflow: hidden;
padding: 10px 0 7px 20px;
}
#cats li {
float: left;
font-size: 1.2em;
line-height: 1.8em;
margin: 0 2px 5px 0;
width: 165px;
}
#copyright {
border-top: 1px dashed #3D3C3C;
clear: both;
font-size: 13px;
letter-spacing: 1.3px;
line-height: 21px;
padding-top: 10px;
}
#copyright p { font-size: 13px; }
#copyright ul.sidebar_list, #copyright .textwidget, #copyright li.widget .widget_box, #copyright li.widget { margin: 0; padding: 0; }
Now Click the Big Ass Save Button
Next Step Get over the custom_function.php which you can find on the drop down menu and click the side button saying edit
Paste the Below code
function asnioFooter() { ?>
<div id="container">
<div id="foot">
<h5>Blog Categories</h5>
<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>
<ul>
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer 1') ){ ?>
<li>
<div>
<h3><?php _e('Footer Widget 1', 'thesis'); ?></h3>
<p>You can edit the <a href="http://eblogtip.com/tag/content-themes" style="color:#0000FF;text-decoration:underline;" target="_blank" rel="nofollow" onmouseover="self.status='Unique Article Wizard';return true;" onmouseout="self.status=''">content</a> that appears here by visiting your Widgets panel and modifying the <em>current widgets</em> there.</p>
</div>
</li>
<? } ?>
</ul>
</div>
<div>
<ul>
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer 2') ) { ?>
<li>
<div>
<h3><?php _e('Footer Widget 2', 'thesis'); ?></h3>
<p>You can edit the content that appears here by visiting your Widgets panel and modifying the <em>current widgets</em> there.</p>
</div>
</li>
<? } ?>
</ul>
</div>
<div>
<ul>
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer 3') ) { ?>
<li>
<div>
<h3><?php _e('Footer Widget 3', 'thesis'); ?></h3> <p>You can edit the content that appears here by visiting your Widgets panel and modifying the <em>current widgets</em> there.</p>
</div>
</li>
<? } ?>
</ul>
</div>
<div id="copyright">
<ul>
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Copyright') ) { ?>
<li>
<div>
<h3><?php _e('Copyright', 'thesis'); ?></h3> <p>You can edit the content that appears here by visiting your Widgets panel and modifying the <em>current widgets</em> there.</p>
</div>
</li>
<? } ?>
</ul>
<!-- Please do not remove these lines. If you have a developers license, you may remove the thesis copyright, but do not remove the Asnio copyright unless you have paid the $5 fee. Feel free to remove these comment lines however -->
<p>Get smart with the <a href="http://diythemes.com/thesis/">Thesis WordPress Theme</a> from DIYthemes.</p>
<p>Footer by <a href="http://asnio.com/">Asnio</a>.</p>
</div>
</div>
</div>
<? }
add_action('thesis_hook_after_html', 'asnioFooter');
remove_action('thesis_hook_footer', 'thesis_attribution');
remove_action('thesis_hook_footer', 'thesis_admin_link');
register_sidebar(array('name'=>'Footer 1', 'before_title'=>'<h3>', 'after_title'=>'</h3>'));
register_sidebar(array('name'=>'Footer 2', 'before_title'=>'<h3>', 'after_title'=>'</h3>'));
register_sidebar(array('name'=>'Footer 3', 'before_title'=>'<h3>', 'after_title'=>'</h3>'));
register_sidebar(array('name'=>'Footer Copyright', 'before_title'=>'<h3>', 'after_title'=>'</h3>'));
Save this And You are Done Cheers
Tell me are you going to use this awesome stuff on your Thesis Blog
hey mate, can you help me in my theme also, between my theme is not thesis,
I always love to do that.
Wow fantastic programing nice thanks for it…..
thanxx for such nice tutorial and going to try it…..
Thank you for this great tutorials…
haha I’ve been asking about this footer to lot of my fellow but no know knows exact solution thanks Shanker
Hy Ramsha i can,t get you can you send me some more information regarding that?
Thanks for sharing this Tutorial.
Thanks for this short tutorial Ramsha, i’m gonna add this on one of my indian site which is making use of thesis theme