Rock Your Thesis Footer

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

9 Responses to “Rock Your Thesis Footer”

  1. sureshpeters says:

    hey mate, can you help me in my theme also, between my theme is not thesis,

  2. Wow fantastic programing nice thanks for it…..

  3. TechGopal says:

    thanxx for such nice tutorial and going to try it…..

  4. Fareed khan says:

    Thank you for this great tutorials…

  5. haha I’ve been asking about this footer to lot of my fellow but no know knows exact solution thanks Shanker

  6. Hy Ramsha i can,t get you can you send me some more information regarding that?

  7. Thanks for sharing this Tutorial.

  8. Thanks for this short tutorial Ramsha, i’m gonna add this on one of my indian site which is making use of thesis theme :-)