Home » » Releasing Thesis Blogger Template

Releasing Thesis Blogger Template

Thesis is the popular and worthy WordPress theme provided by DiyThemes. I am very happy to announce that, I've successfully converted Thesis WordPress theme for all blogger users for absolutely free. Thesis Blogger Template have 2 columns, where you can place many widgets and Ads.

View Demo

Times Downloaded

I've converted it into blogger template based on the theme of ShoutMeloud.

Features of Thesis Template:

It has stylish 2 columns, one is post body and second one is sidebar, where you can put many widgets and Ads. In the bottom of this template, there is 3 rows as well.

This template consists of Read More hack with automatic thumbnail to make the template more professional.

Readers can easily comment on any post by clicking Add your comment button which consists on Home Page. Also, you can view, how many comments consists in each posts.

It has 2 navigation bar on the top of the template where you can add the main link to your blogs post or categories.

On the bottom of the template there is 3 rows where you can place option widgets like About Me, Categories and so on.

It has the most demanded Blogger hack i.e. Page navigation on the bottom of each page.


Top Menu Configuration

To customize Top Menu, find the following code in your template and place your own links.
<div id='nav'>
<ul id='secnav'>
  <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='http://hacktutors.info/2009/08/contact-me.html'>Contact Us</a>
    <ul class='children'>
  <li><a href='http://www.hacktutors.info/p/our-in-touched-bloggers.html'>Bloggers</a></li>
  <li><a href='http://hacktutors.info/p/link-to-us.html'>Link to Us</a></li>
  <li><a href='http://hacktutors.info/search/label/Download'>Download</a>
    <ul class='children'>
      <li><a href='#'>Drop</a></li>
  <li><a href='http://www.hacktutors.info/search/label/Page%20Rank'>Rank</a></li>
  <li><a href='#'>Join HackTutors</a>
    <ul class='children'>
      <li><a href='#'>Advertise</a></li>

Adsense Search Customization

To customize the search form on the top right side of the template, find the following code and replace it with your own adsense search code.

<div id='google-search'>
  <form action='http://www.shoutmeloud.com/search' id='cse-search-box'>
      <input name='cx' type='hidden' value='partner-pub-6601904697443775:73g5y9j0de1'/>
      <input name='cof' type='hidden' value='FORID:10'/>
      <input name='ie' type='hidden' value='ISO-8859-1'/>
      <input name='q' size='30' type='text'/>
      <input name='sa' type='submit' value=''/>
  <script src='http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en' type='text/javascript'/> </div>
Sub Navigation Bar

To customize sub navigation bar, search for the following code code and replace the link with your own.

<div id='categories'>
    <li><a href='http://hacktutors.info/search/label/Blogging'>Blogger tools</a> </li>
    <li><a href='http://www.hacktutors.info/search/label/Graphic'>Graphics</a>
      <ul class='children'>
        <li class='cat-item cat-item-149'><a href='#'>SEO</a> </li>
    <li><a href='http://www.hacktutors.info/search/label/Web%20design'>Web Design</a>
      <ul class='children'>
        <li><a href='http://www.hacktutors.info/search/label/Social%20Media'>Social Media</a> </li>
    <li><a href='http://www.hacktutors.info/search/label/Make%20money%20online'>Make Money Online</a> </li>
    <li><a href='http://www.hacktutors.info/search/label/Blogger%20Help'>Blogger Help</a> </li>
Header Logo and Banner

Search for the following code in your template to replace the logo. There is the 468X60px banner on the top right, you can customize that with your banner URL.

<div id='joelogo'>

<a href='http://www.hacktutors.info'><img class='logo' src='http://4.bp.blogspot.com/_b0xJ7qk6DTc/TGdrjNWW8cI/

  <div id='joead2'>
<a href='http://www.hacktutors.info' target='_blank'><img border='0' src='http://3.bp.blogspot.com/_b0xJ7qk6DTc/TGdcVUncDfI/

Placement of Google Ads below the Sub Navigation bar

You can get more ad clicks by placing the Google Ad Link Units below the sub navigation bar. To do like that, search for the following code and place your link unit code just below the following code.

<div id='joead3'>

Your ad code goes here.


Customizing Facebook Like Button

There is the small Facebook like button on the top right in each blog posts. To customize that, Search for the following code in your Template:

<div class='post-header-line-1'>

<div style='float:right;padding:4px;'>

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.hacktutors.info&amp;layout=button_count&amp;
amp;colorscheme=light&amp;height=21' style='border:none; overflow:hidden; width:70px; height:21px;'/>


Replace above red codes with the following:

(Code Updated)

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;
font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:64px; height:40px;'/>

Now, you are ready to use this template! Enjoy the new Thesis Blogger Template. If you have any problem regarding this template, you are free to ask me. You can suggest me any thing that you are thinking to do new in this template.

I'll update this template with more new feature. Please subscribe to our feed using your Email address to get the new updated template direct to your inbox.

Description: Releasing Thesis Blogger Template
Rating: 4.5
Reviewer: haris rati
ItemReviewed: Releasing Thesis Blogger Template

5 komentar:

  1. Hey Haris

    Great post mate! Thanks for sharing it really helped me a lot. Thanks again :)

    Check Apps for PC @ TheAppForPC

  2. Good effort indeed. Useful theme for blogspot users.

  3. Hi sir thanks for share such a great coding article. I's really help a alot for my story website.

Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Mohon Berkomentarlan dengan baik sesuai dengan tema / isi posting di atas
Serta tidak mengandung PORNO,SARA,KATA2 KASAR DAN JOROK
Terima kasih atas perhatianya :)

Powered by Blogger.