Tricks 2 Reloaded WordPress template modified by DG

March 20, 2011 11 Comments

My friend, DG (Seed Digital Information and News), give another touch on the WordPress Theme Tricks 2 Reloaded template that I use.

twitter, contact, and RSS icon on the top right

WordPress Theme Tricks 2 Reloaded is SEO friendly, fast loading, Adsense ready, and simple coding (so….. easy to modified) WordPress blog template, that created by Fz (Tricks-Collections.Com).

How was this done?

First of all, you have to prepare the image you wish to use or can use the same image. After you have the image, follow these steps:

Upload the three pictures and get the direct links (twitter, email, rss).

  • Go to Appeareance on your WordPress dashboard and then go to the editor. And there find the file style.css.
  • Add the following code under the code at the bottom. If so, update the file (save).

 

/* Update */
.update{}
.update .via{float:right;height:27px;width:27px;margin:0 60px 0 0;}
.update .via a, .update .via a:visited{padding-left:30px;font:bold 12px/12px Verdana;line-height:20px;color:#fff;}
.update .rss{background:url(images/icon-rss.png) no-repeat 0 center;padding:7px 0 0 0;}
.update .email{background:url(images/icon-email.png) no-repeat 0 center;padding:7px 0 0 0;}
.update .twitter{background:url(images/icon-twitter.png) no-repeat 0 center;padding:7px 0 0 0;}

  • Go to file header.php, then insert the code with bold letters below between <div class=”menu”> </div>. After that, change the # symbol with direct link of yours pages. Contacts, twitter, and rss link below is mine as an example. Adjust to your blog. If so, update the file (save).

<div class="menu">
<ul>
<li <?php if ( is_front_page() ) echo ' class="current_page_item"'; ?>><a href="<?php echo get_option('home'); ?>/">Home</a></li>
<?php wp_list_pages('depth=1&title_li='); ?>
</ul>

<div class=”update”>
<div class=”via rss”><a  target=”_new” href=”#” title=”follow my RSS Feed” />RSS</a></div>
<div class=”via email”><a target=”_new” href=”#” title=”Contact me via email” />Contact</a></div>
<div class=”via twitter”><a target=”_new” href=”#” title=”follow my Twitter” />Twitter</a></div>
</div>
</div>

Tips:

If you do not see any changes on your blog, try to cleaning your internet browser cache that you use.

Note:

Some useful information on the comment. Please note…..

  • Pingback: Simple table of contents, does not need plugins - vmancer.com

  • Pingback: Adding Favicon to Wordpress and Blogger - vmancer.com

  • http://vmancer.com/ vmancer

    sorry, I can’t share my own theme
    but you can download the original theme with free
    find out from Tricks Collections link above

  • http://tanjunguban.net/ tanjung uban

    can you share this themes ?

  • http://vmancer.com/ vmancer

    article has been updated, please try again
    if something wrong, please write below

  • http://bimasakti.info bimasakti

    Parse error: syntax error, unexpected T_CLASS, expecting ‘,’ or ‘;’ in /home/helmijon/public_html/******.COM/wp-content/themes/Tricks-2-Reloaded/header.php on line 52

    Can you help me to solve this error?

  • http://www.digitalseed.info/ DG

    @preset : You can use CSS or HTML above into your blogger template. But I suggests to create new code but use from the CSS and HTML methods above for the best looks with blogger template.

    • http://vmancer.com/ vmancer

      Thank you for the explaination..

  • presets

    can i use this CSS at blogger.com?
    thank’s

  • http://vmancer.com/ vmancer

    I will fix it soon…
    thank’s

  • http://www.digitalseed.info/ DG

    Oh I almost forgot… I saw ur header.php code are not inserted with alt=”…”

    Add the “alt” attribute will help u to make valid XHTML. You can insert with the same name of attribute “title” for the attribute “alt”.

    For example :

    RSS

  • http://vmancer.com/ vmancer

    thank you for the tips.
    I very like this modified.

  • http://www.digitalseed.info/ DG

    Thanks for share the tips… :D

    But I suggested to add “nofollow” attribute on header.php, it can useful to minimize the outbond links. And you can also change the position of “width”, “height”, “padding”, “line-height” as your needs.

vmancer.com Search form
iolo System Mechanic with $30 discount
Recommend us on Google!
Recent Comments
Back to Top Disclaimer | Privacy Policy | Terms Of Use