• Blog
  • About
    • Disclaimer
  • Contact
  • Advertise
  • Subscribe
  • Popular Tags
  • Popular Post
Sunday, May 22, 2022
No Result
View All Result
NEWSLETTER
Do Hack- Hack The Technology
Top News
  • Blog
  • About
    • Disclaimer
  • Contact
  • Advertise
  • Subscribe
  • Popular Tags
  • Popular Post
No Result
View All Result
Do Hack- Hack The Technology
No Result
View All Result

Home » Customize Your Website with Hacks and Tweaks

Customize Your Website with Hacks and Tweaks

by Ankit Kumar
in Tips & Tricks
Reading Time: 5 min
0 0
3
Customize-your-website-with some-hack and tweaks

Customize Your Website

0
SHARES
5
VIEWS
Share on FacebookShare on Twitter

RelatedPosts

How Accurate is Hacker Series Mr. Robot?

How Accurate is Hacker Series Mr. Robot?

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

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.

Tags: CustomizeCustomize WebsiteHackTweaks
ShareTweetShare
Ankit Kumar

Ankit Kumar

Ankit Kumar is an Electronics Engineer and young blogger from Mumbai, India. He is electronics hobbyist who loves blogging. Subscribe for the email newsletter for your weekly dose of technology news.

Next Post
View how your facebook profile is visible to others

View How your Facebook Profile is Visible to Others.

Comments 3

  1. Swamykant says:
    11 years ago

    It is better to keep the CSS code in style.css file. Thanks for code. It will be very helpful.

    Reply
    • Ankit Kumar says:
      11 years ago

      Hey thanks for quick tips.I was not knowing this.

      Reply
  2. Rajesh says:
    11 years ago

    Thanks for sharing :)

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Home
  • About
  • Copyright Policy
  • Disclaimer
  • Services
  • Sitemap
  • Write For Dohack

© 2020 Dohack -Desigened by UniqueLayout.

No Result
View All Result
  • About Us
  • Contact With Us
  • Internet
  • How To Guides
  • Tips & Tricks
  • Games
  • Entertainment
  • Pc Security
  • WordPress
  • Disclaimer
  • Copyright Policy

© 2020 Dohack -Desigened by UniqueLayout.

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In