Premium Blogger,Blogspot Templates |
Sugar and Spice Blogger Template Posted: 21 Dec 2013 04:51 PM PST Sugar and Spice is a Responsive Feminine Blogger Template for Wedding blogs. Sugar and Spice Blogger Template has Featured Post Content Slider, Top Navigation Menu, Social Buttons and More Features.
How to Configure Sugar and Spice Blogger TemplateRead instructions given below to configure Sugar and Spice Blogger Template. How To Add Links to Top Navigation MenuFind this in "Edit HTML": <ul id='nav'> <li><a expr:href='data:blog.homepageUrl'>Home</a></li> <li><a href='#'>Business</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='#'>Downloads</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> <li><a href='#'>Parent Category</a> <ul class='children'> <li><a href='#'>Child Category 1</a> <ul class='children'> <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='children'> <li><a href='#'>Childcare</a></li> <li><a href='#'>Doctors</a></li> </ul> </li> <li><a href='#'>Uncategorized</a></li> </ul> Replace "#" marks with real URLs and change anchor texts as you like. How To Configure Featured Content Slider:Find this in "Edit HTML": <div class='flexslider'> <ul class='slides'> <!-- slide 1 code start --> <li class='item'> <a href='#'><img height='350' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSg_j6NoykK-vFG7kdUFJtK6N-GKtq52Yh7mLgloJUIWzrWyh2o8W8BgjqupAVfUyki62AY4VAFbg_S6EskXzeusLw1oD3CRMN_OyRzzMTW5xsKMFPSbXsA2Fll5BNcp04F3MsYnoR_3w/s1600/slide-image-1.jpg' width='583'/></a> <div class='flex-caption'> Enter Slide 1 Title Here </div> </li> <!-- slide 1 code end --> <!-- slide 2 code start --> <li class='item'> <a href='#'><img height='350' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlTl8O29xH943KbXzylTlXznC7rxBOw3k9ELAhHaTmRchw-EZWvZD5BQRn68bpYjtT0Z_2CWSDdRZzi5MUUGHUcP5xrQsN1-8Do-jD-Co_aUadA0m0EH_DfaS-gNCu0GtN1YS5oQbz-0E/s1600/slide-image-2.jpg' width='583'/></a> <div class='flex-caption'> Enter Slide 2 Title Here </div> </li> <!-- slide 2 code end --> <!-- slide 3 code start --> <li class='item'> <a href='#'><img height='350' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwqaLngnyhPMdM_MCD55OiLhTU0mew87FX8DQvB7FJukY9D9zSmPfo5GpQ1u2Q1eRM9P58ikdazy0yM2Gq_nAgdUr2mtfK5jJHPH-9-eUsWEBu2ZVGolhcMFCYAzVQmusJRxM75_vKC5M/s1600/slide-image-3.jpg' width='583'/></a> <div class='flex-caption'> Enter Slide 3 Title Here </div> </li> <!-- slide 3 code end --> <!-- slide 4 code start --> <li class='item'> <a href='#'><img height='350' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz8UW3CvNlKjaftZpJ0CPV5rXLbEsIsjZEpDwYNr79SEHqD-HHVfSaBUZWrrQ3CdYBcwrDyolz3CAxFHQbYKuA8zNWJ6VQxgL4tLtsNBnCKdFrFtdK_tE1bt17M2lvqw4EEHDXSvh8WUA/s1600/slide-image-4.jpg' width='583'/></a> <div class='flex-caption'> Enter Slide 4 Title Here </div> </li> <!-- slide 4 code end --> </ul> </div> There are 4 slides in the slider. You can add or remove more slides if you want. Now replace, How To Configure Social ButtonsFind this in "Edit HTML": <ul class='social'> <li> <a class='social-icon' href='#' title='Follow me on Facebook'> <i class='fa fa-facebook'/> </a> </li> <li> <a class='social-icon' href='#' title='Follow me on Twitter'> <i class='fa fa-twitter'/> </a> </li> <li> <a class='social-icon' href='#' title='Follow me on Google Plus'> <i class='fa fa-google-plus'/> </a> </li> <li> <a class='social-icon' href='#' title='Follow me on Pinterest'> <i class='fa fa-pinterest'/> </a> </li> <li> <a class='social-icon' href='#' title='Follow me on Linkedin'> <i class='fa fa-linkedin'/> </a> </li> <li> <a class='social-icon' href='#' title='Follow me on Instagram'> <i class='fa fa-instagram'/> </a> </li> <li> <a class='social-icon' href='#' title='RSS Feed'> <i class='fa fa-rss'/> </a> </li> </ul> Add your own social links replacing "#" marks. How To Edit Contact Us SectionFind this in "Edit HTML": <ul> <li> <i class='fa fa-home'/> <b>Address:</b> 58 avenue Paul Doumer, Paris </li> <li> <i class='fa fa-phone'/> <b>Phone:</b> +00 123 456 789 </li> <li> <i class='fa fa-envelope'/> <b>Email:</b> <a href='mailto:contact@mycompany.com'>contact@mycompany.com</a> </li> </ul> Add your own address, phone number and email address. Important !!!: Do not remove the footer credits. This Sugar and Spice Blogger template is 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. |
You are subscribed to email updates from Premium Blogger Templates|Blogspot Themes To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google Inc., 20 West Kinzie, Chicago IL USA 60610 |