HelpDesk Blogger Theme

HelpDesk theme is a free blogger template for creating simple Helpdesk website using blogger. We modified blogger features to make it easily readable and user friendly. We are on the way to come up with some cool application blogger templates . Here it is our first template in this series.
Hope you liked the pretty good screen shot of our template. Download and use it in as many blogs you have.
Don’t forget to give proper credit if you are sharing this  template in your blog or website.

Features of HelpDeskTheme

Like our all other blogger template this template is also coming with some cool features.
  • Responsive Template: HelpDeskTheme is fully responsive, so it will give consistent user experience in most of the devices. 
  • Responsive search bar in Home page: Yes, you can preview that nice responsive search bar in top of your blog. 
  • Portfolio: Its actually a portfolio, but will help to highlight specific topics(Labels or articles) in home page.
  • Related posts: New related post section with more accurate thumbnails.
  • Labels: Changed design of footer widget labels and sidebar labels to match this template for easier browsing of posts.
How to change number of related posts

Find this code in your template and replace it with your own choice

var maxresults=4;
 
Edit popular topic section
 
<div id='features-list'>
      <div class='container'>
        <div class='row stacked'>
          <div class='col-xs-12 col-sm-3 col-md-3 col-lg-3 special-icon'>
            <div class='special-icon-img'>
              <img alt='' src='https://2.bp.blogspot.com/-BpqKCEwUe0M/Ut_lrsATgAI/AAAAAAAAAGE/LPV9oCeTJsw/s1600/Compas.png'/>
              <h3>
                Bootstrap
              </h3>
              <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
              </p>
              <a class='btn btn-vilot btn-large' href='http://helpdeskbt.blogspot.in/search/label/Bootstrap'>
                Read more
              </a>
            </div>
          </div>
          <div class='col-xs-12 col-sm-3 col-md-3 col-lg-3 special-icon'>
            <div class='special-icon-img'>
              <img alt='' src='https://4.bp.blogspot.com/-zda72o1vf0c/Ut_luNlwPyI/AAAAAAAAAGw/bjjX6wQptZU/s1600/Retina-Ready.png'/>
              <h3>
                Responsive
              </h3>
              <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
              </p>
              <a class='btn btn-vilot btn-large' href='http://helpdeskbt.blogspot.in/search/label/Responsive'>
                Read more
              </a>
            </div>
          </div>
          <div class='col-xs-12 col-sm-3 col-md-3 col-lg-3 special-icon'>
            <div class='special-icon-img'>
              <img alt='' src='https://4.bp.blogspot.com/-acTPPoiOf7A/Ut_lqzrVT_I/AAAAAAAAAFg/6IEVj91Utt0/s1600/Book.png'/>
              <h3>
                WordPress
              </h3>
              <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
              </p>
              <a class='btn btn-vilot btn-large' href='http://helpdeskbt.blogspot.in/search/label/WordPress'>
                Read more
              </a>
            </div>
          </div>
          <div class='col-xs-12 col-sm-3 col-md-3 col-lg-3 special-icon'>
            <div class='special-icon-img'>
              <img alt='' src='https://4.bp.blogspot.com/-R2wL7Mq2k5Y/Ut_lvKACMaI/AAAAAAAAAHI/NE3HsUo-Wy0/s1600/Watches.png'/>
              <h3>
                Professional
              </h3>
              <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
              </p>
              <a class='btn btn-vilot btn-large' href='http://helpdeskbt.blogspot.in/search/label/professional'>
                Read more
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>

Find above code in your template replace images with your images, links and content. If need to remove that entire portion, just remove above specified code from your template.

Responsive Design previews in an android device

 

Need help for further editing of your template. Feel free to comment to get immediate response. Credits
Designmodo
Bootstrap
Bloggerplugins

 
  1. Administrator
    Administrator says:

    Nice template, with a great front preview. but it has some problems with the inside post arangements.. eg. http://www.weblogtemplates.net/2014/01/helpdesktheme-responsive-helpdesk.html

    if you click that link, all post data are displayed in the right side,

    My suggestion: it would have been great if the front post design would make the posts click-able to lead inside post rather than pop up display. this would have been a great thing for SEO and page views

    • Weblogtemplates
      Weblogtemplates says:

      There is no such issues for SEO since we are using normal href tags for posts. If need to improve post views and open links just like normal links just remove this line of code from template.<script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ $('.archivposthead').click(function(){ postId = $(this).attr("id"); $('#summary'+postId).toggle(); link = $(this).attr("href"); window.history.pushState("Just browsing", "Title", link); return false; }); }); //]]> </script>
      We are not using any popups…

    • Weblogtemplates
      Weblogtemplates says:

      We tested in Latest version of Mozilla firefox and didn't find any errors. Can you please explain what kind of error you are getting…

    • Administrator
      Administrator says:

      Please i need your help on resolving this as am planning to use this template for my Job board site, because it suit very fine

        • Administrator
          Administrator says:

          Well, Thanx i have tested its working fine.
          I have never received a nice response from template designers as you did. this is what makes people come once again. from today i will be using weblogtemplates cos i know i can get help

          • Weblogtemplates
            Weblogtemplates says:

            Thanks friend for your valuable feedback and that really helped us to solve issue with that template.

  2. Administrator
    Administrator says:

    Have you noticed the problem..? as i have tried in different computers with firefox and it all gives the same problem

  3. Caastrojr
    Caastrojr says:

    Hello, please help me put facebook comments on this template. It is very important for my city

    • Weblogtemplates
      Weblogtemplates says:

      Ok, sure .. we will write an article for that or you can search google for the same. Any of those tutorials should work with this template.

  4. NxtLvlr
    NxtLvlr says:

    I wonder if you guys can add a button under each post for posting comments. anyways, goodwork.