Simply Radiant

Love this
48
  • Layout
  • 1 Column
  • Colors
  • Colors in this template are easily customizable
About this template
  • Date Released:   Jan, 2012
  • Designer:   Darling Blog
  • 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:   8660
  • Demo views:   12463
  • 48 people love this template
Shortlist this Blogger template
Lovely Template Editor's Choice award winning template
Design Features
  • Minimalist design
  • Want to have a simple but beautiful website? This template has minimal design by giving importance to content
  • Slide Show
  • Simply Radiant template has slide show (slider) in home page. Show your featured content in an easy to use slider
  • Good Typography
  • Simply Radiant template has beautiful Typography (font styles). Your website will look beautiful and readable
  • Custom web fonts
  • Simply Radiant template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts
Customization Features
  • Template Designer
  • Simply Radiant template supports Blogger Template Designer feature. Customize this template easily in Blogger Template Designer page. Note that NOT all template designer features are supported.
  • Widget Ready
  • Simply Radiant template comes with many widgetized area. Add your widgets easily using this template
  • Footer Widgets
  • Simply Radiant template comes with footer widgets. Use your footer area effectively for engaging your users
  • PSD Logo
  • You will get Photoshop PSD files when downloading this template. Custom design your website using the PSD files
More Features
  • SEO Ready
  • Simply Radiant template is optimized for Search engines like Google. This template helps your website to rank higher in search engines
  • No HTML changes
  • This template works out of the box without any HTML changes. Use this template if you are not comfortable in editing HTML

Images in this template

This template is 980px in width and allows you to upload images up to 960px width.

Template Designer

This template supports all possible customization using Blogger template designer. So, customizing this template is very easy. Go to Template -- Click Customize button. Then, select Background if you want to adjust the background image. Click Background image dropdown and pick your favorite background image. If you wish, you can also change the Main color theme in this page. Then, go to Adjust Widths to adjust the blog width as you like. Click Layout, to adjust the layout of this template. You can also go to Advanced section. You can use this section to adjust any colors, font etc.,

Upload the Header

After you upload this template, you will see the generic header. Included with the template is an editable Photoshop file so you can type in your own text/design your own header, re-save it & upload. ** IT IS RECOMMENDED YOU SAVE THE HEADER AS A .PNG WITH A TRANSPARENT BACKGROUND. To upload your header, go to Design > Page Elements and look for the Header widget. Click on EDIT and a new window will pop up. Click the Remove Image link and you will then get an option to upload your new header.

Set up Slider

To edit the JQuery Slider go to Layout > Slider and click on Edit. Another window will pop up and you will need to copy and paste the code below into the blank content area:

<ul class="slideshow">
<li><img src="http://i1109.photobucket.com/albums/h423/thesinglemomoirs/jquerytest1.jpg" /></li>
<li><img src="http://i1109.photobucket.com/albums/h423/thesinglemomoirs/jquerytest3.jpg" /></li>
<li><img src="http://i1109.photobucket.com/albums/h423/thesinglemomoirs/jquerytest4.jpg" /></li>
</ul>

Replace those image URL's with your own.

Meta Description

This template uses Search preferences options for meta description. Go to settings -- Search Preferences and enter a description for your site. This description will come as meta description for your home page. Helpful for Search engines. Also, you can add meta descriptions for every page you create in blogger. This template is completely optimized for SEO.

Layout for Simply Radiant Blogger Template

  • http://www.mckennarachellephotography.com McKenna

    Hello! I've been using this template as the base for customizing my photography website, and I'm interested in being able to add a pinterest mouseover button to my photos on my posts. I've been trying to follow this tutorial without any luck.
    http://www.bloggersentral.com/2012/11/pinterest-p

    Any ideas? Thank you!

    • lovelytemplates

      This template uses JQuery 1.4.2. But, this Pinterest plugin is using JQuery 1.8.2. May be you can try removing the JQuery 1.4.2 which comes with this template and give it a try.

  • http://www.cookingwithlibby.com CookingLib

    The graphic that is behind the post title is not showing up on my blog. I do not have access to Photoshop :( Is there anyway I can download the graphic using another program I may have on my computer?

    • lovelytemplates

      Search in Google like "edit psd online"

  • http://twitter.com/bhenk2 @bhenk2

    How can I add text or title in slider?

    • lovelytemplates

      This template is not supporting title or text in Slider. You have to customize the template for this. Sorry, we can't help for customization

  • Terry

    How do I stop the slider from appearing on every blog post page? I just want it on the homepage.

    Thanks

    • lovelytemplates

      Paste this code just before the </head>. I can't help on customization much

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <style type='text/css'>
      .slideshow {
      display:none;
      }
      </style>
      </b:if>

  • Terry

    How do I stop the slider from appearing on every blog post page? I just want it on the homepage.

  • ana

    I don't know how to put that template on my blog! heeeeelp me

  • lovelytemplates

    Image width should be 960px. This information is available in Documentation already

  • lovelytemplates

    That “About us” tab is a page in Blogger. You have to add a new page called “About us” in Blogger. Then, that page should automatically appear in the tab

  • Linn Marie

    Is it possible to make the menubar stick to the top of the page when you scroll down?

    • lovelytemplates

      This is possible if you use position: fixed. But, you need to know CSS. We are not supporting customization

  • Carolina Lopes

    How can i put photos on slider?

  • Carolina Lopes

    How can i put photos on slider, using Blogger?

    • Matt Riggs

      Documentation tells you how to set up the Slider:

      To edit the JQuery Slider go to Layout > Slider and click on Edit. Another window will pop up and you will need to copy and paste the code below into the blank content area:

      Replace those image URL’s with your own.

  • Matt Riggs

    Looks like they are 960×400

  • Sam

    So my photos are stretched out. How do I fit them to the template provided?

    • lovelytemplates

      Image width should be 960px. This information is available in Documentation already

  • An Artful Mom

    Hi–I love the template. I am having trouble adding photos to the slider. I made them 960 pixels wide, but they are still stretched. Do you have any tips?