New Blogger Themes | Professional Blogspot Templates

NewBloggerThemes.com
Free Blogger Templates for your blog. Download New Blogger Themes,Professional XML Blogspot Templates with in 1, 2 or 3 columns layouts for Free.
Premium Blogger Templates

Clean Retina Blogger Template

Customization Services

Want a unique look for your website? We can customize this theme according to your needs.

Advertisements
Theme Categories: 1 Sidebar, 2 Columns, 3 Columns Footer, Adapted from Wordpress, Blue, Featured Section, Fixed width, Grey, Magazine, Minimalist, Responsive, Right Sidebar, Slider, Top Navigation Bar, White,
Template Name:
Clean Retina
Author / URL:
NewBloggerThemes | https://newbloggerthemes.com/
Designer / URL:
Theme Horse | http://themehorse.com/
Published Date:
February 1, 2014
Advanced Details:
https://newbloggerthemes.com/clean-retina-blogger-template/

Clean Retina is a Simple, Clean and Responsive Retina Ready Blogger Theme which adapts automatically to your tablets and mobile devices. Clean Retina Blogger Template has a Featured Slider, Drop-down Menus, Social Buttons, Right Sidebar, 3 Columns Footer and More Features.

How To Add Links to Top Navigation Menu

Find this in "Edit HTML":

<div class='clearfix' id='accessbpart'>
<ul class='root'>

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

<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

<li><a href='#'>Downloads</a>
<ul class='sub-menu'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='sub-menu'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>
<li class='default-menu'><a href='#'>Navigation</a></li>
		
</ul>
</div><!-- #accessbpart -->

Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Buttons

Find this in "Edit HTML":

<div class='social-profiles clearfix'>
   <ul>
      <li class='facebook'><a href='#' rel='nofollow' target='_blank'>Follow on Facebook</a></li>
      <li class='twitter'><a href='#' rel='nofollow' target='_blank'>Follow on Twitter</a></li>
      <li class='google-plus'><a href='#' rel='nofollow' target='_blank'>Follow on Google Plus</a></li>
      <li class='pinterest'><a href='#' rel='nofollow' target='_blank'>Follow on Pinterest</a></li>
      <li class='you-tube'><a href='#' rel='nofollow' target='_blank'>Follow on Youtube</a></li>
      <li class='linked'><a href='#' rel='nofollow' target='_blank'>Follow on LinkedIn</a></li>
      <li class='rss'><a href='#' rel='nofollow' target='_blank'>Subscribe RSS</a></li>
   </ul>
</div>
<!-- .social-profiles -->

Add your own social links replacing "#" marks.

How To Change Slogan

Find this in "Edit HTML":

<div class='sloganbpart'>
Clean Retina Free Responsive Blogger Theme<span>Free Premium Blogger Themes form NewBloggerThemes.com</span>
</div><!-- .sloganbpart -->

You can change this as you like:

Clean Retina Free Responsive Blogger Theme<span>Free Premium Blogger Themes form NewBloggerThemes.com</span>

How To Configure Featured Content Slider:

Find this in "Edit HTML":

<div class='slider-wrap'>
<div class='slider-cycle'>

   <!-- slide 1 code start -->
   <div class='slides displayblock'>
      <figure><a href='ENTER-SLIDE-1-LINK-HERE'><img height='390' src='http://4.bp.blogspot.com/-GWow0umgfD0/Uuxz3wnUJKI/AAAAAAAAKsM/cjcmQ_ZDZ0w/s1600/slider-img-1.jpg' width='962'/></a></figure>
      <article class='featured-text'><span>Enter Slide 1 Title Here</span>This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by Lasantha - PremiumBloggerTemplates.com...<a href='ENTER-SLIDE-1-LINK-HERE'> Continue Reading</a>
      </article>
   </div>
   <!-- slide 1 code end -->
   
   <!-- slide 2 code start -->
   <div class='slides displaynone'>
      <figure><a href='ENTER-SLIDE-2-LINK-HERE'><img height='390' src='http://2.bp.blogspot.com/-p3NDn-avtL8/UuxzfTITMhI/AAAAAAAAKr0/8WIjs7uqGVc/s1600/slider-img-2.jpg' width='962'/></a></figure>
      <article class='featured-text'><span>Enter Slide 2 Title Here</span>This is slide 2 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by Lasantha - PremiumBloggerTemplates.com...<a href='ENTER-SLIDE-2-LINK-HERE'> Continue Reading</a>
      </article>
   </div>
   <!-- slide 2 code end -->
   
   <!-- slide 3 code start -->
   <div class='slides displaynone'>
      <figure><a href='ENTER-SLIDE-3-LINK-HERE'><img height='390' src='http://2.bp.blogspot.com/-eK2toTnrKCA/Uuxzj8IYtcI/AAAAAAAAKr8/LQ93gfPLMNg/s1600/slider-img-3.jpg' width='962'/></a></figure>
      <article class='featured-text'><span>Enter Slide 3 Title Here</span>This is slide 3 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by Lasantha - PremiumBloggerTemplates.com...<a href='ENTER-SLIDE-3-LINK-HERE'> Continue Reading</a>
      </article>
   </div>
   <!-- slide 3 code end -->
   
</div>
</div>

There are 3 slides in the slider. You can add or remove more slides if you want.

Now replace,
"ENTER-SLIDE-X-LINK-HERE"s with your real slide link,
"Enter Slide X Title Here" with your real slide title,
"Enter Slide X Title HereThis is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by Lasantha - PremiumBloggerTemplates.com..." with your real slide description,
Slide image URL,
for each slide. (X = 1 or X = 2 or X = 3)

Our Blogger templates are free for both personal and commercial use. However, you are required to keep the footer links intact, which provides due credit to its designers and authors. So do not remove the footer credits without our permission. If you need the footer credits free version of a theme, contact us.

Advertisements

Featured Blogger Themes

These Blogger Themes are compatible with "Blogger Template Designer" (you can change the background, colors and fonts easily without editing HTML) and are optimized for search engines.

6 Responses to “Clean Retina Blogger Template”

  1. Hello!
    I just added "Clean Retina Blogger Template" to my blog.
    Elegant and simple.
    Thank you for sharing this freely.

  2. Hi, can you help me about adding instagram social button on social media spot?
    I did this :
    <li class='instagram'><a href='#' rel='nofollow' target='_blank'>Subscribe RSS</a></li>
    But guess it won't work cause there's no icon installed on css.
    Thanks in advance.

Leave a Reply