Website Design and Layout is very important factor for success of website. Most user would prefer nice decent looking website rather than ugly unprofessional layout. Good Theme or Template also need some good customization by doing some Hacks And Tweaks to look Professional.
Why you need To Customize Your Website ?

- First and most important for every Website is to look Eye catchy and Professional.
- User will love visiting your site,that means more traffic.
- Easy layout and easy navigation increase number of page views of your website,thus it will decrease site Bounce rate.
So How to Customize Your Theme ?
First you have to Get Good attractive Template for your website either paid or free and then do some tweaks and customization.Check out Dohack Custom Themes.
1) How to Add LeaderBoard ads on top of your blog.
Open your Header.php file from your template by any editor or go to WordPress admin panel and click Editor under Appearance. Add Following codes into Header.php after tag.
<br /><center>add your codes here</center><br />
2) How to Enable Thumbnail feature on your site.
Open your Function.php with any editor and add following Code
add_theme_support( 'post-thumbnails' );
If you don’t want default size, then insert this code instead of above.
add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 50, 50, true );
Now add following code anywhere inside loop.
<?php the_post_thumbnail(); ?>
3) Add Breadcrumb trail
First download Breadcrumb NavXT and install it under Plugins.Then add following codes where you want to show trails.
<?php if(function_exists('bcn_display'){ bcn_display();}?>
6) Add 125×125 Banners ads
To add your banner simply add your image Url in source attribute and insert codes in your side bar.This is for only for banners,if want to show more you can add new row by adding <tr><td> and follow same instruction.
<div><div style="margin:0 auto 0 auto; text-align:center;"> <table cellspacing="0" cellpadding="0" style="border:0; margin:0 auto 0 auto;"> <tbody> <tr> <td style="padding:0 5px 0 0;"><img alt="Ad Square" style="width:125px; height:125px; border:0px;" src="image 1"></td> <td style="padding:0 0 0 0;"><img alt="Ad Square" style="width:125px; height:125px; border:0px;" src="image 2"></td> </tr> <tr> <td style="padding:5px 5px 0 0;"><img alt="Ad Square" style="width:125px; height:125px; border:0px;" src="image 3"></td> <td style="padding:5px 0 0 0;"><img alt="Ad Square" style="width:125px; height:125px; border:0px;" src="Image 4"></td> </tr> </tbody> </table> </div> </div>
<form style="border:1px solid #000;padding:3px;text-align:left; background:url(http://cdn1.iconfinder.com/data/icons/Primo_Icons/PNG/128x128/email_compose.png); background-repeat:no-repeat; background-position:right;padding-left:1 em;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Dohackorg', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p><strong> Enter your email address:</strong></p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Dohackorg" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p><p><a href="http://feeds.feedburner.com/Dohackorg"> <img src="http://feeds.feedburner.com/~fc/Dohackorg?bg=66CC33&fg=000033&anim=1&label=listeners" height="26" width="88" style="border:0" alt="" /></a></p></p></form>
You can download image from here or use other image. Don’t forget to change Feedburner URL ,you can get your own codes from Feedburner account.
8) How to create like button for your website?
- Step 1 ,Go to this link
- Step 2, add you Fan page URL.
- Step 3,Customize your like button
- Step 4,Get like button code
- Step 5, Paste where you want to have like button.
9) How to create like box for your website?
- Step 1 ,Go to this link
- Step 2, add you website URL.
- Step 3,Customize your like box
- Step 4,Get like box code
- Step 5, Paste where you want to have like box.
Don’t forget to like us.
10) How to Add Pagination to WordPress Blog
<div style="background:none repeat scroll 0 0 #CCC; height:20px; margin:0 auto; padding:5px 0 0 0;width:1000px;"> <script type="text/javascript"><!– google_ad_client = "pub-xxxxxxxxxxxxx"; /* 728×15, created 6/21/10 */ google_ad_slot = "xxxxxxxxx"; google_ad_width = 728; google_ad_height = 15; //–> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div>
It is better to keep the CSS code in style.css file. Thanks for code. It will be very helpful.
Hey thanks for quick tips.I was not knowing this.
Thanks for sharing :)