Tuesday, August 14, 2012

Thesis Themes Customization: 6 | Add fidex follow up / social Button

I will use 1.8 Developer version of Thesis Theme

LogIn to your Dashboard and Go to Thesis > Custom File Editor
Thesis Themes Customization, Thesis Themes add category Nav menu after Header, DIY thesis theme place category Nav menu after Header, add category Nav menu after Header in thesis theme 

Place this code below custom.css :
/* Sidebar Social Icon */
.custom #fixed-social-icons {background-color:#fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 3px solid #048bb7; width:35px; position:fixed; top:320px; right:0px; }
 .custom #fixed-social-icons a { display:block; height:32px; width:35px; }
  .custom #fixed-social-icons a.social-twitter { background: url('TWITTWE IMAGE URL') 0 0 no-repeat; }
  .custom #fixed-social-icons a.social-rss { background: url('RSS IMAGE URL') 0 0 no-repeat; }
   .custom #fixed-social-icons a.social-facebook { background: url('FACEBOOK IMAGE URL') 0 0 no-repeat; }
.custom #fixed-social-icons a.social-YouTube { background: url('YOUTUBE IMAGE URL') 0 0 no-repeat; }
DOWNLOAD IMAGE FORM HERE.

Now go to Widget and Put this code in sidebar:
<div id="fixed-social-icons">
  <a href="http://twitter.com/YOUR-NAME" class="social-twitter" rel="nofollow" target="_blank" title="Follow us on Twitter"></a>
  <a href="http://feeds.feedburner.com/YOUR-NAME" class="social-rss" rel="nofollow" target="_blank" title="Subscribe to RSS Feed" rel="nofollow"></a>
  <a href="http://www.facebook.com/YOUR-NAME" rel="nofollow"  class="social-facebook" target="_blank" title="Join us on Facebook"></a>
  <a href="http://www.youtube.com/user/YOUR-NAME" class="social-YouTube" rel="nofollow" target="_blank" title="All helpz"></a></div>
To add Go Up and Go Down button put this code:
<div id="fixed-social-icons">
  <a href="http://twitter.com/YOUR-NAME" class="social-twitter" rel="nofollow" target="_blank" title="Follow us on Twitter"></a>
  <a href="http://feeds.feedburner.com/YOUR-NAME" class="social-rss" rel="nofollow" target="_blank" title="Subscribe to RSS Feed" rel="nofollow"></a>
  <a href="http://www.facebook.com/YOUR-NAME" rel="nofollow"  class="social-facebook" target="_blank" title="Join us on Facebook"></a>
  <a href="http://www.youtube.com/user/YOUR-NAME" class="social-YouTube" rel="nofollow" target="_blank" title="All helpz"></a></div>
<a href="#header" class="social-up" title="Go to Up"><img src="YOUR UP BUTTON IMAGE URL" height="32" width="35px"/></a>
<a href="#footer" class="social-up" title="Go to Bottom"><img src="YOUR DOWN BUTTON IMAGE URL" height="32" width="35px"/></a></div>
NOW SAVE.
[PLEASE COMMENT FOR PROBLEM]

No comments:

Post a Comment

!! COMMENT HERE FOR ANY PROBLEM !!

Featured post

WordPress yoast plugin remove date or article:published_time

Yoast is an essential plugin for WordPress SEO. It is one of the best SEO plugin for wordpress right now. But, after disabling date from ...