Check out ThesisAwesome.com and get $20 OFF Product Skin Thesis Skins

{ 70 comments… read them below or add one }

Elena January 15, 2012 at 5:14 pm

Hi, great recommendations. I appreciate it a lot. I am still learning more about thesis. I am still on the stage of familiarizing the codes.Thesis is fantastic, it is something more than a conventional theme. thanks for sharing.

Reply

Jebat aku seorang blogger August 6, 2011 at 5:42 pm

Hello mate,
Really love your simple and neat explanation.. I have one question, How to create navigation bars like yours (Optimize Press,elegantthems, etc..) when hover it will turn from grey to colorful..

Reply

Hesham August 6, 2011 at 5:46 pm

Thanks Jebat,

Sorry, this navigation images were created especially for the blog, and I don’t really have time to explain how to create one!

Reply

Mark from TheBitBot SEM Blog July 16, 2011 at 6:16 pm

Hesham,

Just as a side note in reference to adding wigets to the sidebar of a Wordpress based blog…

I installed the HAL HTML Plugin and it lets you add HTML code to it. After you install the plugin, you can drag and drop it to your side bar in as many places as you want.

A definite “must-have” for Wordpressers…:)

Mark

Reply

Hesham August 6, 2011 at 5:47 pm

Thanks Mark

Reply

teatree June 24, 2011 at 10:45 am

Nice tutorial. Part of the reason I stayed away from Thesis is because unlike ordinary wordpress themes, it is so hard to customize. I don’t know why they haven’t made it easier.
teatree recently posted..SEO Idol ContestMy Profile

Reply

Musthafa from Technology Blogger June 20, 2011 at 2:06 pm

Very longer, but, helpful tips. After I changed theme, I wasn’t able to show the social Icons in my blog. Now, I will try each steps, then lets see what happens.

Thanks
Musthafa Ullal
TekNoise

Reply

deeyah June 8, 2011 at 2:53 pm

Hi, Can you help me…. how if we want add twitter button in sidebar like WP Genius Theme from solostream.com (but my theme is white) in genius theme is gray

Thank You,

Reply

Hesham June 8, 2011 at 11:33 pm

I am not sure I understand you right, I hope I could help!

Reply

Gene Wolff March 14, 2011 at 5:18 am

thanks for the tutorial, helped me with my theme, i have customized it all by my self with out any knowledge lol, the social icons have been getting on my nerves..Also that icon highlighter under your second menu is amazing, the one with all your affiliate links integrated, godaddy, popup domination etc.. how did you do that?
Gene Wolff recently posted..Internet Marketing SEO For Selling Niche Products OnlineMy Profile

Reply

Hesham March 14, 2011 at 3:02 pm

Thanks!

I would love to to explain how to create the affiliate icon bar I am having here on FamousBloggers, but writing such tutorial will need some time, I hope there will be a chance soon!

Reply

Gene Wolff March 15, 2011 at 9:30 am

did you guys use a plugin or how did you create the 125 ad blocks side by side like that on your sidebar. I tried using billboard plug by ithemes but it only lines them up one under another..
Gene Wolff recently posted..Internet Marketing SEO For Selling Niche Products OnlineMy Profile

Reply

Eij Casanova March 4, 2011 at 9:15 pm

Hello! I spent 2 hours doing my custom images, all are good but “If I visit one of my pages, It messed up! How can I fix it:

“It only shows the right thing on posts not on pages”
Eij Casanova recently posted..Best WordPress Plugins you needMy Profile

Reply

Hesham March 4, 2011 at 9:19 pm

It looks find to me! I really don’t understand what exactly you need to fix!

Reply

Maria Pavel February 21, 2011 at 6:00 am

Actually I like the thesis theme, is clean and simple. What I don’t like about it is that is hard to edit and modify, just like any other WP theme…I don’t know why but the files are different than the usual WP files.

Maria
Maria Pavel recently posted..How To Become A Certified Nursing AssistantMy Profile

Reply

Fazal Mayar February 13, 2011 at 4:18 pm

Great stuff. The thesis theme is a great premium theme. You can customize it very easily. For a blogger that doesn’t know much about coding, this is important.
Fazal Mayar recently posted..Proven Steps To Guest Post On Top BlogsMy Profile

Reply

Vijayraj Reddy from Make Money Online February 9, 2011 at 4:23 am

another great tutorial Hesham, thx….

Reply

suraj November 23, 2010 at 10:15 am

Nice tutorial!! You know after reading it we decided to use it on our blog :) and I am so happy that it really worked fine and looking great!!
Thank you very much!!
suraj recently posted..30 FREE Photoshop PSD filesMy Profile

Reply

Justyna October 29, 2010 at 5:02 am

Hi Hesham,

another excellent tutorial of yours! I’m preparing to start creating such sidebar buttons:) They add so much to the look of the blog or website.

Thanks for the iconfinder – that’s a great resource of icons.
And Thesis is my top theme, I bought developer license straight from the beginning:)
Justyna recently posted..RSS Feed Generator and Submission Plugin ReviewMy Profile

Reply

Latief
Twitter:
October 23, 2010 at 9:59 am

Cool Hesham, I wish I’m a thesis owner :D
Latief recently posted..Google Send Me A Gift!My Profile

Reply

John October 8, 2010 at 9:07 am

Great tutorial. I am working on putting together a sidebar and this has helped me a lot. I am almost ready to input it.
John recently posted..Falling out of love with FoursquareMy Profile

Reply

Imran
Twitter:
September 19, 2010 at 2:38 am

Hi Hesham,

Even I am going to use NoFollow Free plugin in blog to for all comments to give the link back credit.

Is there any specific setting for nofollow in thesis. Please do let me know.

Thanks
Imran
Imran recently posted..Contact Importer Addon Feature For FaceBook Fan PageMy Profile

Reply

Rahul Dev September 6, 2010 at 6:50 pm

hi Hesham
i have an problem about view my comments
visitors can add commments but only visitor’s name is show not his comment on my article
Rahul Dev recently posted..Facebook Testing “Subscribe To” FeatureMy Profile

Reply

Hesham September 8, 2010 at 10:58 am

Are you using comments related plugins, I have added a comment now, plz approve it because I need to see what’s happening!

Reply

Rahul Dev September 8, 2010 at 4:24 pm

No, i m not using any comment related plugin.
Rahul Dev recently posted..Ultra Thin iPhone5 With 4GMy Profile

Reply

Hesham September 8, 2010 at 4:32 pm

Weired! probably you should visit Thesis support forum! I really can not help with that because I never faced this problem before!

Reply

sidder August 30, 2010 at 7:36 pm

Did one of my blog and it took me about a hour to get it done, I’m new in designing. I had problems with the coding just now but all have been solved now.
sidder recently posted..Blucig Comes in 5 Different FlavorsMy Profile

Reply

Hesham September 8, 2010 at 11:00 am

Glad to hear that problem solved!

Reply

Ian August 25, 2010 at 10:03 am

Thesis hasn’t been as user friendly as I hoped it would be. I haven’t checked out the new release yet though. Just checked out iconfinder, awesome sauce, lots of great icon sets.
Ian recently posted..Copywriting Scorecard ReviewMy Profile

Reply

Hesham September 8, 2010 at 11:01 am

Have you tried Thesis 1.8? it’s more user friendly that the last version, although Thesis Themes needs a lot of work to create a unique look and feel!

Reply

CC August 24, 2010 at 12:48 pm

I am making a tool bar using this method but can not figure out out to get rid of the spacing between the buttons. You can check my site at iloveelectrohouse.com to see what I mean. I would like the buttons flush against each other.

Also completely off topic when building a thesis blog where you want users to leave comments such as this how do you set it up similar to this forum so you do not have to have people set up a account and go into he wordpress admin?

Reply

Hesham August 24, 2010 at 1:09 pm

To your custom.css file where it says:

li.sb_topelectrohouse a:link, li.sb_topelectrohouse a:visited

Add This:
margin-top:-8px;

Or
margin-top:-9px;

—-
Enable thread comments from Wordpress settings > discussion

I hope this help!

Reply

CC August 24, 2010 at 1:21 pm

The margin worked great to get rid of the white space.

Do not really understand how to setup my comment section similar to this so the user does not ever enter the wordpress admin and also so its auto integrated with aweber.

If you can point me to a tutorial or info so I can figure that out I would have such a productive morning going.

thanks for the last tip and great site.
CC

Reply

Hesham August 24, 2010 at 4:43 pm

You don’t need a tutorial to do this!
Plz check your discussion settings!

In your Wordpress dashboard, Goto Settings > Discussion

You should allow anyone to add a comment, enable threaded (nested) comments!

Reply

CC August 25, 2010 at 12:12 am

Yes I have done that but trying to figure out how you automatically have aweber built into the comment section so you collect the e-mails every-time someone leaves a comment. Also how you restyled the comment forum so it looks much better.

I do not want to get to off topic since this thread is about your wonderful nav system but love your comment system and would love to get mine looking better and integrated into aweber.

thanks for your time
CC

Reply

Hesham August 25, 2010 at 12:43 am

You really don’t have to collect emails when ever someone post a comment! you should them the option to subscribe or not to subscribe!

I am using a plugin called “Aweber”, plz read this post (I share some interesting information) An Exciting List Building Experiment!

P.S. Try to search the blog for more articles about Thesis!

CC August 25, 2010 at 12:46 am

I know I have used Aweber for years and have many lists on it. I noticed I got a optin from Aweber after leaving a comment on this blog that’s why I asked if you were doing something special to build the aweber login into the comment signup feature.

CC Travis August 25, 2010 at 12:49 am

One last question related to this post. Where do I place the alt tag for alt text for the menu bar. I have the menubar up at iloveelectrohouse.com but when I insert the Alt tags where I would think they go it makes the graphic not show up. In this setup where would I insert the Alt= tag?

Hesham August 25, 2010 at 12:53 am

Alt tag is not necessary for the buttons!

Stephanie August 21, 2010 at 10:23 pm

Hey Hesham – great suggestions and thanks for the tips!

I was trying to add this to my site but using sprites. I created my sprites with psd and made them .png files. For each of my category links on my website, i have three “images” per .png file: a static image, a hover and an active.

I wrote this code but it’s all I have for one image and I know it’s missing a lot for the Custom file of Thesis and I don’t know what to add for the html in the text box

#category link#uncategorized a { background-position: 0 0; }
#category link#uncategorized a.active { background-position: 0 -125px; }
#category link#uncategorized a:hover { background-position: 0 -250px; }

Do you have any suggestions?

Reply

Hesham August 24, 2010 at 1:17 pm

Sorry for the late reply, I visited your blog and it looks great!

It also seems to be working well, do you still have a problem?!

Reply

Stephanie August 26, 2010 at 7:14 pm

Hey Hesham – I was finally able to figure out the sprites and I’m happy it’s working! However the .active doesn’t apply to the current page as I thought it would ie if they click La Vie est Belle, La Vie est Belle will change to the .active image while you are on that page but it doesnt. I added a .current command but that’s not working. Once again I seem to be on to something but am missing what I need to make it work.

Any suggestions on how to make the .current command work?

Reply

Hesham August 26, 2010 at 7:24 pm

Try something like:

.rollover-ex > li > ul li.current >a {}

Reply

Rakesh Solanki June 8, 2010 at 3:23 pm

Well, this is the most easy tutorial i found on web, because you providing all steps and stuffs right from your post no need to search anything. Thanks Hesham

Reply

Hesham August 24, 2010 at 1:18 pm

Late reply, thank you so much for your time, glad you like it!

Reply

Lee Ka Hoong from Make Money Online May 12, 2010 at 10:06 am

This is cool Hesham! I’ve just done one for my blog and it took me more than 1 hour to get it done, I’m noob in designing. I had problem with the coding just now but all have been solved now. :)

Thanks for the tutorial, thumbs up!

Regards,
Lee
.-= NEW from Lee Ka Hoong@Make Money Online´s last blog ..Sunday Killer Link Love Post #24 =-.

Reply

Hesham May 12, 2010 at 11:44 am

Excellent, I have checked it now.. looks great!

I maybe give another tutorial to enhance the performance of the buttons and make it load more faster, I would love to have one image instead of 8 images so we can use CSS to chance position of the background each time we display a button, this will enhance the image hover effect as well as speed load of th sidebar buttons! I just need to do it here on the blog first to test everything then I can write the tut and put it up!

Reply

Dev | Technshare
Twitter:
March 22, 2010 at 2:43 am

thanks for this post .
downloading ..:)
.-= Dev | Technshare´s last blog ..A Video Marketing Blueprint That Will Knock Your Socks Off =-.

Reply

Tinh March 10, 2010 at 12:08 am

Nice tips, however I am using Blogussion theme then it is a bit hard to implement it
.-= Tinh´s last blog ..Boost Google Adsense Revenue With Optimization Tips by Emails =-.

Reply

Hesham May 12, 2010 at 11:47 am

It has nothing to do with what Theme, skin or even site you are running, you can display these buttons on any WP blog because we are using the normal text widget! it just need some work to set the button size to fit your sidebar!

Reply

Lee Buford March 8, 2010 at 8:15 pm

Love these buttons… Thanks for sharing!

One question, I am not familiar with .rar files and am not able to download/open your folder. I have my SM icons already, but I am trying to get specifics you mentioned above to install. Is there another place to get the file or a different typ of file?

Thanks much, Hesham!

Reply

Dennis Edell March 9, 2010 at 9:11 am

Lee – A free utility download to open .rar files – http://www.jzip.com/ :)
.-= Dennis Edell´s last blog ..$100 – 10 Winners – Comment Contest! ‘Till Months End… =-.

Reply

Debbie February 15, 2010 at 12:27 am

I think dressing up the sidebars in Thesis is the quickest way to make it look custom. I’m not too comfortable with CSS or HTML… so it will take me a while to get to these customizations,

But I’ll keep these notes for later, thanks
.-= Debbie@heartratemonitorwatch´s last blog ..Timex Women’s Ironman Pulse Calculator Watch =-.

Reply

Hesham March 2, 2010 at 5:25 pm

Thanks for you visit!
Perhaps we can help i needed.
Good luck Debbie!

Reply

Ben Davies February 14, 2010 at 2:14 pm

This will be useful on my current design, thanks.

Reply

aviaitonMY February 13, 2010 at 2:06 am

Hi,

how you make the date, name and comments count appear in each commnet box and how you arrange in vertically??

hope you can guide me to do it..

im love your commnet box.

Reply

Hesham February 13, 2010 at 2:56 am

I am using “WP Thread Comment” plugin, this one is responsible for arraigning the comments and add reply, and also send an email when you got a reply like the email will be sent to you when I submit this comment!

I use “NoFollow Free” to remove the nofollow tag from comment author link after a few comments added by the same person, which gives his/her link the juice of PageRank of posts he/she comment on, and it add the number of comments as well.

hope this help.

Reply

Pubudu Kodikara February 12, 2010 at 11:17 am

Cool… thanks bro.. i’ll look at them right away! might be useful for my new theme :D
.-= Pubudu Kodikara´s last blog ..How To Turn Off Windows Indexing Service =-.

Reply

Hesham February 12, 2010 at 2:47 pm

I like your new theme, it’s good for biz.

Reply

Pubudu Kodikara February 12, 2010 at 8:12 pm

Hehe… thanks bro :D
.-= Pubudu Kodikara´s last blog ..How To Turn Off Windows Indexing Service =-.

Reply

Dennis Edell February 12, 2010 at 8:01 am

I can use iconfinder on non-thesis, yes?
.-= Dennis Edell´s last blog ..Theme Construction Part 2 – What Should Go WITHIN The Blog? This Is The FUN Part! =-.

Reply

Hesham February 12, 2010 at 2:44 pm

Yes! even with static website!

Reply

Kristi Hines February 11, 2010 at 10:32 am

I love your buttons! I’ve been wanting to upgrade my sidebar for a long time now, and these will be perfect! Thanks for the tutorial.
.-= Kristi Hines´s last blog ..How to Promote Your Business, Blog or Website on Twitter =-.

Reply

Hesham February 12, 2010 at 2:47 pm

Looking around on designs and CSS drives me crazy, this niche is very rich with ideas and creativity. I think I should post more often about web-design and fill the Design category with some nice and simple stuff, glad you like it.

Reply

sudharsan from technoskillonline February 11, 2010 at 7:44 am

this will be very usefull for me after some days

Reply

Hesham February 11, 2010 at 8:27 am

This means I have to keep this post published for a few days until you come back ;)
.-= Hesham´s last blog ..Thesis 1.7 A New Generation of Website Optimization =-.

Reply

sudharsan from technoskillonline February 11, 2010 at 10:59 am

ha ha
whether i will come back or not this post will stick to this url untill this blog expires….
I will use this article after some days when i installed thesis themes to my blog..
currently im reading thesis book so that it will b usefull when installation

Reply

Tom from Free Squeeze Page February 9, 2010 at 8:34 pm

That is really handy. I have Thesis on one of my blogs, but I am looking at getting the developer license so I can have it on all my blogs.

Reply

Hesham February 9, 2010 at 8:38 pm

Yeah! after working with Thesis for a few months I decided to get my developer license couple of weeks back! you know .. just in case ;)

Reply

Michael Aulia
Twitter:
February 11, 2010 at 8:12 pm

Yeah I bought the developer license from day one. Permission to remove the Thesis attribution link footer was enough for me to buy it :)
.-= Michael Aulia´s last blog ..Windows 7 RC no more =-.

Reply

Leave a Comment

  Twitter (ID only. No links or "@" symbols)

CommentLuv badge

This blog uses premium CommentLuv which allows you to put your keywords with your name if you have had 3 approved comments. Use your real name and then @ your keywords (maximum of 3)

{ 8 trackbacks }