Customize Your Website with Hacks and Tweaks

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 ?

1. First and most important for every Website is to look Eye catchy and Professional.
2. User will love visiting your site,that means more traffic.
3. 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&amp;fg=000033&amp;anim=1&amp;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.

<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>