Symisun Blogger Template

Nothing went according to the plan. One accident after another and I had to stay home this Saturday. So I decided to create a template for blogspot users. Honestly this is my first.



Although I am pretty much comfortable with HTML and CSS, I am not very well versed with Blogger's XML templating. I can see what is doing what and I think I understand to a certain extent, but there are a few gray areas that need to be sorted out. You can not know without giving a try, can you?

So here is my first template.

The original design by Symisun, hence the name, it was intended to be used in web sites. But the clear and uncluttered design very pleasing to the eye, made it an ideal candidate for a blog template.

 

You will have to mess with the HTML a lot to place all the links but that is the price of beauty I guess. But there are a few items that are not clear if you want to use them.

Sidebar Links

If you want to place a links widget like the one in the demo, place it in a div like this by choosing HTML/JavaScript type:

<div class="sidemenu">
 <ul>
  <li><a href="#">Side menu</a></li>
  <li><a href="#">Featuring</a>
   <ul>
    <li><a href="#">Sub menu</a></li>
    <li><a href="#">Items</a></li>
   </ul>
  </li>
  <li><a href="#">And style</a></li>
 </ul>
</div>

CSS will take care of the rest.

Green Button

You can place a green button or box that signals a call for action. It can be a download link, a "visit us" button etc, you can do that choosing the HTML/JavaScript widget again:

<div class="green">
 <a href="URL goes here">
  <strong>Download</strong>
 </a>
</div>

You can view the demo here and your download link.

Short URL for this post