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 ?

Customize-your-website-with some-hack and tweaks
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();}?>
4) Add Cool Translate Button
Google Translate tool is best for translation.Using Google translate tool you can avoid using any plugin for translating your website.You can See translation Buttons in sidebar.To get your cool translation button visit  here.

5) Add Sharing Buttons
For adding sharing buttons on your site there is a lot of option available,but I recommend custom codes to display sharing buttons.You can visit here for more info.
WordPress users can use digg-digg or Addtoany plugin to add share button. Also try Add this and Share this for more options.

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>
7) Add Cool Subscription Box with Feed Readers
<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.

8) How to create like button for your website?

  • 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

WP-PageNavi Adds a more advanced paging navigation to your WordPress site.Just install and activate it.
11) Add Text Links 728 x 15 under Navigation Menu
Add following code after your navigation menu in header.php.
<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>
Here I have been used Gray color and as background color and 1000 Pixels width,but you can change it according to your need. Don’t forgot to change the Publisher Id and google ad slot number.

3 thoughts on “Customize Your Website with Hacks and Tweaks”

Leave a Comment