Retina

Love this
83
  • Layout
  • 2 Column with Right Sidebar
  • Colors
  • Retina template color schemes:
About this template
  • Date Released:   Jun, 2013
  • Designer:   Templateism
  • 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:   16571
  • Demo views:   14308
  • 83 people love this template
Shortlist this Blogger template
Lovely Template Editor's Choice award winning template
Design Features
  • Slide Show
  • Retina template has slide show (slider) in home page. Show your featured content in an easy to use slider
  • Post Thumbnails
  • Show a thumbnail image (small image) for every post using this template
  • Custom web fonts
  • Retina 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
  • Retina template comes with many widgetized area. Add your widgets easily using this template
  • Footer Widgets
  • Retina template comes with footer widgets. Use your footer area effectively for engaging your users
More Features
  • SEO Ready
  • Retina template is optimized for Search engines like Google. This template helps your website to rank higher in search engines
  • Related Posts
  • Retina 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
  • Social Buttons
  • This template comes with social buttons like facebook, twitter etc., Let your users share your content easily
  • 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.,

Set up Home page Category sections

After installing this template, go to Template -- Edit HTML and find following code. Update Category 1, Category 2 etc., to your Category/label name. For each Category, you have change it in 3 places - #Category 1, /Category 1?max-results, /Category 1.

<!--Label Feature-->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featurebottom1'><h2 class='headingfeature'>#Category 1</h2>
<div class='left-corner-canvas'/>
<script src='/feeds/posts/summary/-/Category 1?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentthumbs&amp;' type='text/javascript'/>
<a class='readmoretopic' href='/search/label/Category 1'>Browse More</a>
</div>
<div style='clear:both;'/>
</b:if>
<!--Label Feature-->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featurebottom1'><h2 class='headingfeature'>#Category 2</h2>
<div class='left-corner-canvas'/>
<script src='/feeds/posts/summary/-/Category 2?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentthumbs&amp;' type='text/javascript'/>
<a class='readmoretopic' href='/search/label/Category 2'>Browse More</a>
</div>
<div style='clear:both;'/>
</b:if>
..........

Set up Navigation Menu

Go to Template -- Edit HTML and find the following code. Update the Menu URL and text as per your needs.

<ul class='menus menu-secondary'>

<li class='forstm'><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Blog</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

<li><a href='#'>Tech</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>............

Set up Home Page Slider

Go to Template -- Edit HTML and find following code. Update Slider image to your own images. I used 980x325 image size for the demo. You have to use the same dimension. Otherwise remove the slider by deleting the whole <div class='slider-wrap-bodo'> code in the template html. You may use CSS also to hide the slider ( .slider-wrap-bodo { display:none;} )

<div class='slider'>
<div>
<img alt='' src='http://3.bp.blogspot.com/-18kh3g09boc/UcDmxv_RBpI/AAAAAAAABck/56Nb-O1l6x0/s1600/1.png'/>
</div>

<div>
<img alt='' src='http://2.bp.blogspot.com/-i_yGVzjrVZQ/UcDmzcUnUkI/AAAAAAAABcs/OLoUdyBQw-Q/s1600/2.png'/>
</div>

<div>
<img alt='' src='http://1.bp.blogspot.com/-9Rfwoe7OypY/UcDm0l-MdTI/AAAAAAAABeE/uIslbAtO5bg/s1600/3.png'/>
</div>

<div>
<img alt='' src='http://1.bp.blogspot.com/-Yi_ZOJVkfWM/UcDm0PIRzfI/AAAAAAAABc8/O151-FBzAeU/s1600/4.png'/>
</div>
</div>

</div>

Layout for Retina Blogger Template

25 Comments


  • Wow great template. . . i will use this template

    • Nicole
    • July 21, 2013
    • Reply
    • Cancle Reply

    I've got two questions (the second one is more urgent) 1. How do i change the font on the page? 2. Parts with the tag "#category 1,2 etc" don't show the articles.. there's just the title (#category 1) and nothing else.. how do i change that?

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

      1. To change Font, you should know CSS. This template is using EXO font which is included in the following code. Then, this font is used in all CSS. Sorry, I can't help if you don't know CSS. <link href='http://fonts.googleapis.com/css?family=Exo:200,300,400,500,600,700' rel='stylesheet' type='text/css'/> 2. For Question 2, looks like you didn't look at the Documentation. This page has a Documentation tab or the downloaded ZIP should have a documentation.txt file. Refer to "Set up Home page Category sections" section in the document

    • markgelotree
    • July 24, 2013
    • Reply
    • Cancle Reply

    feature is not working on category.. i follow the instruction on documentatipon

    • lovelytemplates
    • July 24, 2013
    • Reply
    • Cancle Reply

    You mean Category sections in Home page are not displaying posts? Can you share your website url?

      • Octane
      • December 4, 2013
      • Reply
      • Cancle Reply

      I'm having the same issue. I changed the categories in the three places needed but It's not showing up. I only have one post so far but it doesn't show in it's category. Any ideas why this may be happening? Thanks. I love the look of this template.

        • lovelytemplates
        • December 5, 2013
        • Reply
        • Cancle Reply

        Please post your blog url. Without your blog url, I can't troubleshoot this problem

  • How do I delete the Related Articles?

      • lovelytemplates
      • August 1, 2013
      • Reply
      • Cancle Reply

      Look for this code in the template --></style> Then, paste the following code just above the --></style> code in the template #related-posts { display: none; }

  • I can no erase the blogger templates text next to the header

      • lovelytemplates
      • August 20, 2013
      • Reply
      • Cancle Reply

      Follow "Set up Navigation Menu" section in the documentation. If you don't want that menu then just simply delete that code.

    • lovelytemplates
    • September 21, 2013
    • Reply
    • Cancle Reply

    You should know CSS to customize this template. We can't help in customization

    • Dale Nguyen
    • October 5, 2013
    • Reply
    • Cancle Reply

    Hi, I just downloaded the template. I changed the name in Feature, but it doesn't work. Any helps, please? # Tin Tức Browse More # Trường Học Browse More

    • lovelytemplates
    • January 11, 2014
    • Reply
    • Cancle Reply

    Sorry, can't help on customization

      • Akhil kapoor
      • May 1, 2015
      • Reply
      • Cancle Reply

      hello, Where to find the size of the slider so I can adjust my images height and width according to the slider? Any help? Thanks

    • Muhammad Bilal
    • August 3, 2014
    • Reply
    • Cancle Reply

    thanks for the great template but I have one question... how can I make the slider to show recent posts of my blog?

    • Silvia
    • October 15, 2014
    • Reply
    • Cancle Reply

    This template is very nice. but how can I solve this problem? :-(

      • Daniel Keith
      • April 23, 2015
      • Reply
      • Cancle Reply

      Hi Silvia, I am also facing the same problem. Kindly tell if you sort out this.

    • Matias Rodriguez Nuwandaprod
    • November 12, 2014
    • Reply
    • Cancle Reply

    Here´s a screnshot of the issue.

    • Guest
    • January 3, 2015
    • Reply
    • Cancle Reply

    hi,which type of authentication they are asked when page is load .i am not get any use id or password same .can you help me please .its arjant.

    • Akhil kapoor
    • May 1, 2015
    • Reply
    • Cancle Reply

    hello, Where to find the size of the slider so I can adjust my images height and width according to the slider? Any help? Thanks!

      • Eris Risno
      • May 10, 2015
      • Reply
      • Cancle Reply

      width : 980, height : 325.............

        • Akhil kapoor
        • May 11, 2015
        • Reply
        • Cancle Reply

        Thanks Eris Risno. I had about about 4 posts showing on the main page, now as I add more posts the previous posts just disappear. They (old posts) are supposed to be moved on to the next page i.e. page 2 for browsing but that is not happening and I'm unable to post new content. Any help? Thanks!

    • Eris Risno
    • May 10, 2015
    • Reply
    • Cancle Reply

    I have trouble when I put the url labels and labels the picture in the future, many times I try but still error after following the directions in the html .had how do I put the HTML code? Whether this future specifically for that premium?

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>