Retina
- Date Released: Jun, 2013
- Designer: Templateism
- Price: FREE
- 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.
- Downloads: 20201
- Demo views: 14899
- 118 people love this template
- 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
- Hierarchical Menu
- Retina template comes with hierarchical dropdown navigation menu.
- Custom web fonts
- Retina template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts
- 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
- 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&orderby=published&alt=json-in-script&callback=recentthumbs&' 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&orderby=published&alt=json-in-script&callback=recentthumbs&' 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
Wow great template. . . i will use this template
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?
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
Here is my blog, and i cannot change that, too http://www.rainbowhan.com
feature is not working on category.. i follow the instruction on documentatipon
You mean Category sections in Home page are not displaying posts? Can you share your website url?
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.
Please post your blog url. Without your blog url, I can't troubleshoot this problem
How do I delete the Related Articles?
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
Follow "Set up Navigation Menu" section in the documentation. If you don't want that menu then just simply delete that code.
You should know CSS to customize this template. We can't help in customization
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
Sorry, can't help on customization
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
thanks for the great template but I have one question... how can I make the slider to show recent posts of my blog?
This template is very nice. but how can I solve this problem? :-(
Hi Silvia, I am also facing the same problem. Kindly tell if you sort out this.
Here´s a screnshot of the issue.
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.
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!
width : 980, height : 325.............
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!
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?