JPStation

Love this
52
  • Layout
  • 2 Column with Right Sidebar
  • Colors
  • JPStation template color schemes:
About this template
  • Date Released:   Nov, 2012
  • Designer:   Ivy Themes
  • Price:   FREE
License
  • Creative Commons Attribution: You are free to use for personal/commercial use. But, you must attribute the work to the author. Should not remove credit links.
Statistics
  • Downloads:   7496
  • Demo views:   9310
  • 52 people love this template
Shortlist this Blogger template
Lovely Template Editor's Choice award winning template
Design Features
  • Responsive design
  • Designed to provide optimal viewing experience across wide range of devices from Desktop to mobile phones
  • Post Thumbnails
  • Show a thumbnail image (small image) for every post using this template
  • Custom web fonts
  • JPStation template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts
Customization Features
  • HTML Menu
  • Navigation menu for this template is customizable in HTML. Edit the HTML to add your menu links
  • Widget Ready
  • JPStation template comes with many widgetized area. Add your widgets easily using this template
More Features
  • SEO Ready
  • JPStation template is optimized for Search engines like Google. This template helps your website to rank higher in search engines
  • Related Posts
  • JPStation template shows related posts in the bottom of every post. This improves user engagement of your site
  • Ad Ready
  • Use this template to show Banner advertisement or Google ads easily. Make money using your site
  • Search box
  • JPStation template has search box in it. Search box helps your user to find the content easily on your site
  • Pagination
  • Pagination links helps users to navigate easily to your older posts. Users can click easy to use buttons to go to Page 2, Page 3 etc.,
Configure Navigation Menus
 
 Find following block of code in the template and update it with your menu. About, Archive are top level menus.  Dropdown are child menus.  Don't forget to replace all href="#" with your links
<nav id='nav'>
 <ul id='menuhlng1'>
 <li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li>
 <li><a href='#'>About</a></li>
 <li><a href='#'>Archive</a>
<ul class='submenu'>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
</ul>
</li>
 <li><a href='#'>Comments</a></li>
 </ul>
 </nav>
Also, follow the instructions in Widget code -- Important.txt file in the Download to update Recent comments and Recent posts widgets.
 
 If you want to add Facebook LIKE box like in the demo then add a HTML/Jacascript widget instead of About Me widget and place your Facebook Like script (from your facebook app).

20 Comments


    • Danield
    • January 16, 2013
    • Reply
    • Cancle Reply

    Nice post and very usefully.

    • Sop
    • February 26, 2013
    • Reply
    • Cancle Reply

    how to make font bigger or change font type for body?

      • lovelytemplates
      • February 26, 2013
      • Reply
      • Cancle Reply

      Login to your blog and go to Template page. Click customize button. Then click Advanced and add the following code in the "Add custom CSS" box, #header-wrapper { font-size: 110%; } #content-wrapper { font-size: 110%; }

  • The Post images are not displayed in any post. How to fix.

      • lovelytemplates
      • March 22, 2013
      • Reply
      • Cancle Reply

      What is your site url?

    • itunespurchases
    • April 22, 2013
    • Reply
    • Cancle Reply

    hi how to show 10 posting in page 2 ?? and resize the thumbail post??

      • lovelytemplates
      • April 22, 2013
      • Reply
      • Cancle Reply

      10 posts only in Page 2? That is not possible. If you want each page to show 10 posts then follow this. Go to Settings -- Posts & Comments page. Then, change the Show at Most textbox value to the number of posts you want to display per page. If you want to resize the image then go to Template -- Click Customize Button. Then, click Advanced. In the Add custom CSS box, add the following a.thumbx { width: your width here in px; height: your height here in px; }

    • andr3y94ru
    • May 8, 2013
    • Reply
    • Cancle Reply

    who i can lose latencuty in my menu? blog : http://els4portal.blogspot.ro/ i love this theme, but i dont like latencity in menu,

    • andr3y94ru
    • May 8, 2013
    • Reply
    • Cancle Reply

    ok, i resolved ...

  • Greats Themes, I'm happy using this themes

    • arindam bala
    • June 29, 2013
    • Reply
    • Cancle Reply

    how to remove default blank post image??

      • lovelytemplates
      • July 1, 2013
      • Reply
      • Cancle Reply

      Look for this code in template and remove it - <a class='thumbx' expr:href='data:post.url' expr:title='data:post.title'><img alt='no image' class='post-thumbnail' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif'/>

        • Sleem LDJ
        • February 3, 2014
        • Reply
        • Cancle Reply

        Hi. I am using a different template but i have this same issue where the post thumbnails are just blank grey boxes until i open the post., However, i took that line of code out in the "Blog1 widget" and it didnt solve anything for me? Do you know what else might be wrong?

    • Pam
    • July 19, 2013
    • Reply
    • Cancle Reply

    how can I show all the post? please

      • lovelytemplates
      • July 22, 2013
      • Reply
      • Cancle Reply

      What do you mean by show all the post?

    • Zulqarnain
    • July 24, 2013
    • Reply
    • Cancle Reply

    How to Remove Credit Link

      • lovelytemplates
      • July 28, 2013
      • Reply
      • Cancle Reply

      You are not supposed to remove the Credit link as per the license. Don't expect advice from us for this

    • lovelytemplates
    • December 15, 2013
    • Reply
    • Cancle Reply

    Go to Template -- Click Customize Button. Then, click Advanced. In the Add custom CSS box, add the following. This will center align the title and description. #headtitle { width: 500px; }

    • lovelytemplates
    • March 2, 2014
    • Reply
    • Cancle Reply

    Sorry, can't support customization requests

    • lovelytemplates
    • March 2, 2014
    • Reply
    • Cancle Reply

    Just search for FAQ in the template. You will find the corresponding code for the navigation. Just change the navigation name and link url as per your need

Leave a Reply

Your email address will not be published.

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>