DEMO DOWNLOAD
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
- 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
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&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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8LckgzdQHDz-GereYSSfC7ewqFFsQTRiC6eL97gT7YO-Z725XEX8JBGb-a_IK00mBiePIUJ25T_gNIyuE3A34zYKNWNLU9wb31U-19tiaS3kF5jj-zrwgmSfd2EqL3BNcxOMAW_D8YUk/s1600/1.png'/>
</div>
<div>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLwSVkP_k4jLjoWBcpjKVllby5zwthKuPWep6LrnW30l1SWaNNfB2gq9_XhNEbs6F3hwXUkHYvWdTilVGPMAw2lsQrZr6yheN_TuVRnbQBdsKntA2Ks3qWBlkjD_LMXBfEfcGs4HGuaco/s1600/2.png'/>
</div>
<div>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHtXZYXDy8W_mbX2_jfVXPvnIy2tAnNdpqNq1U9b-lcJdIx77T0v92jOONwsPdgt8iVXe0YSfMdhbzzjKTA-z3A91BKA9AKWq2Uallr2Cze4-6OyJKEivi2Ms-yblyyH3Ribgtxo4Lwc0/s1600/3.png'/>
</div>
<div>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeCT_AcDlJbIIFW2WOL0nEQJINaPQU-Y9AcDehgmL7S8sZhWlb4c2vrLBWb_Ox-_h4TsFU3FlbrHaIls3gpwb2gIYYVb308ETOS_aVoH907gqvb1OLV9TcR2bpDiM1m7TtYrPQ4Q8TWZI/s1600/4.png'/>
</div>
</div>
</div>
0 comments:
Post a Comment