Spice Up Your Blogger Blog with Custom Designed Templates - BTNT Services!

Siril - A Responsive Blogger Template

On By // 69 comments
Advertisement
This Article is a Part of BTNT Weekly Special!!!
(Check out the series page to see other Awesome Templates on BTNT Weekly Special!!!)
Siril a Responsive Blogger Theme
Hello Guys, As I Announced, From Today onwards I'm Starting this template series. The first template of the BTNT Weekly Special is Siril a responsive blogger template. Siril is a minimal theme with a clean design. Then main advantage of this theme is page speed, It got 90/100 in Google PageSpeed Insights. It has a custom author widget below the main menu which only shows on index pages.
You can see a live demo below (I know you may already seen it in yesterday announcement).

The main Features of Siril - A Responsive Blogger Template

  • Nice and Clean Design
  • Responsive Theme Layout
  • Elegant Minimal look
  • SEO Optimized
  • Fast loading Theme (90/100 in Google PageSpeed Insights)
  • Custom Author Info with social icons
  • Responsive Navigation Menu
  • Page navigation Widget
  • Stunning Threaded Comments Section
  • Customized heading tags (h1 to h6)
  • Custom Search form
  • Custom Blogger Contact form
  • Custom Label Cloud Widget

Download Siril a Responsive Blogger Template

How to Upload the Blogger Template

  1. Go to Blogger Dashboard > Locate your Blog if you have more then one blog.
  2. Click on More Options Drop Down and choose Template
  3. Click on the Backup/Restore button on Top Right Corner
  4. Click on Download Full Template button to backup your Old template for safety
  5. Click the Browse button and locate Siril a Responsive blogger template.
  6. Click on the Upload Button. And you are Done!

Customization

These are basic steps you need to follow for each customization.
  1. On New Blogger Dashboard Go to Template > Edit HTML Button

Customize the Navigation Menu

Search for the Following Code
<!-- Main Menu -->
After that you will see a Link list items Customize it your own.

Customize the Author info (Author Info widget below navigation menu)

Search for the Following Code
<!-- Author Info --> 
After that you will see a code similar to the following code, In the following code replace the highlighted orange color with your author info and replace the blue links with your profile links.
<h5>Meet The Author</h5>
<p>I'm Chandeep J, An 18 years old blogger Currently living in Tamil Nadu, India. I'm a  Skilled Blogger, web Developer and Loves to play with Codes And Creating new things as a web Designer.</p>
<ul class="author-social">
<li class="facebook"><a href="http://www.facebook.com/chandeeban">Facebook</a></li>
<li class="twitter"><a href="http://www.twitter.com/chandeeban">Twitter</a></li>
<li class="googleplus"><a href="http://www.google.com/+ChandeepJ">Google+</a></li>
</ul>
After changing the profile links, Search for the following link and replace it with your profile image link (Image Size: 150 X 150)
http://lh3.googleusercontent.com/-5TErHWDEEYc/AAAAAAAAAAI/AAAAAAAAC1c/da9_FkiTgbc/s150-c/photo.jpg
Now Click save button. ;)

Terms and Conditions

Please follow our four simple terms and conditions before using this template. :)
  • You can Use this Template for Personal and Commercial Use.
  • You must keep the Footer links Intact. (Please Respect our hard work)
  • you can Re-Distribute but you must give us the credits and you must keep the footer links with out editing!
  • If you like the Template then Please Feel free to Share it!
Kindly Let me know your feedback about this theme in comment and please Share it with your friends. ;)

Next Theme on BTNT Weekly Special will be published on next Sunday 27th April.

Changelog:

== 28/4/2014 ==
+ Fixed Open Sans Font Bug.
This Article is a Part of BTNT Weekly Special!!!
(Check out the series page to see other Awesome Templates on BTNT Weekly Special!!!)

69 comments:

  1. Hi Chan Deep, i like this template too much it's very sample and professional in the same time, thank you and keep it up bro.

    Greetings.
    Abdelkarim.

    ReplyDelete
  2. chandeep uare great in blogging!!!!!!!!!!!!!!

    ReplyDelete
  3. This comment has been removed by a blog administrator.

    ReplyDelete
    Replies
    1. My pleasure, BTW kindly don't use links on comment unless it's necessary. Thanks

      Delete
  4. It's nice to see you back man. Good job!

    ReplyDelete
  5. This is nice template chandeep.. thanks

    ReplyDelete
  6. It's a great template. One thing I wonder, why there is no related post below the post?

    ReplyDelete
    Replies
    1. Thanks, the reason is I tried to make it simple and fast loading.

      Delete
  7. Ohh nice template bro thanks to create an awesome template for blogger

    ReplyDelete
  8. so, every image should be 800x400 px or 2:1 ratio ??

    ReplyDelete
    Replies
    1. It's not necessary since the image will align automatically. But we can also add aligned image.

      Delete
  9. This comment has been removed by a blog administrator.

    ReplyDelete
    Replies
    1. Thanks for your comment buddy, Kindly don't use links on comment unless it's necessary. otherwise It'll be removed immediately.

      Delete
  10. Hi Chandeep,

    Can you tell me that, what could be the best practices to speedup our blog? is there any tool to combined all CSS and JAVA SCRIPT files into one combined file so it can reduce the load time of our blog?

    Thanks for your time.
    Rizwan

    ReplyDelete
    Replies
    1. Hi Rizwan,

      There are some tools to combine css and javascripts but It's not the best solution because sometime it'll crash the scripts.

      Best Practice is to make it manually.

      P.S. Kindly ask of topic question through email. Thanks :)

      Delete
  11. Hi Chandeep,

    I get this error "Normal 0 false false false EN-US X-NONE X-NONE MicrosoftInternetExplorer4 ..."

    Please take a look http://www.weirdfinance.com/

    ReplyDelete
    Replies
    1. Hi Willena,

      Thanks for using my theme.

      I can assure that the problem is not with the theme. :)

      Kindly contact me using the contact page for more details to fix the prob.

      Thank You...

      Delete
  12. It's a great template. How to show Related Post ???

    ReplyDelete
    Replies
    1. My Blog: http://rpsc-exam.blogspot.com/

      Delete
    2. Just add it after <div class="post-footer-line post-footer-line-1">

      Thanks for using my theme. :)

      Delete
  13. Hi Chan,

    I would like to add the social media buttons like what you have done in Ravia theme. How can I add these buttons to this template?

    Regards,

    ReplyDelete
    Replies
    1. Hi Bro, I can't explain it in few steps. So, Soon I'll write an article about it. :)

      Delete
  14. Hi Chandeep,

    Thank you for this template.

    I uploaded it to my new blog, and I'm editing the items as you explained above. After adding my image, I clicked "Save Template" but I'm receiving the following error message:

    Error parsing XML, line 18, column 10: The processing instruction target matching "[xX][mM][lL]" is not allowed.

    What should I do so that I can save my blog?

    Thank you!

    Vicki

    ReplyDelete
  15. Oops, never mind! I logged out of my blog and then went back in and tried editing the HTML a second time, and it worked. I don't know what I did wrong the first time, but it's okay now.

    Thanks again. This is a beautiful template!

    Vicki

    ReplyDelete
  16. Hi again, Chandeep,

    I have one more question for you, actually!

    How can I add a pinterest icon and link at the top, next to Facebook, Twitter and Google+ links?


    Thanks,

    Vicki

    ReplyDelete
    Replies
    1. Hi Vicki, Glad the problem was solved, Thanks for using Siril

      To add Pinterest icon add the following CSS code before ]]></b:skin>

      ul.author-social li.pinterest { background: url("http://4.bp.blogspot.com/-OHo_qurvr30/U2zTHemyp4I/AAAAAAAAC-E/f0yL3cO1fvg/s1600/pinterest.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }

      After that add the following html code next to (Facebook, Twitter and Google+) links to show the icon.

      <li class="pinterest"><a href="YOUR-PINTEREST-PROFILE-URL">Pinterest</a></li>

      Now save your Template, That's all :)

      P.S. Replace YOUR-PINTEREST-PROFILE-URL with your Pinterest Profile url.

      Delete
  17. Bro Nice Template ..... If you can answer this you will solve my age old quest for finding a perfect template :)

    How can i add "Meet The Author" section/widget that is on top from Template Siril into Ravia...

    If you can ans were this i would like very grate full

    ReplyDelete
    Replies
    1. It's possible but sorry I can only provide support for the theme. Theme customizations are for premium users.

      For more details contact me using contact page.

      Thanks. :)

      Delete
  18. I wonder if it's possible to change the background color to white. I find this theme to be perfect but I would like the background to be full white

    ReplyDelete
    Replies
    1. To change the background color search for body{ background: #F2F4F9;

      Replace #F2F4F9 with #FFFFFF

      Now click Save button, That's all :)

      Delete
  19. Very nice theme ! Thanks! Need help with editing the "Meet the Author" section in HTML - not seeing the Navigation Menu and Author info to edit in the template

    ReplyDelete
    Replies
    1. Hi David,

      Just Replied to your mail. Kindly check your inbox.

      Thank you. :)

      Delete
  20. Hello, I'm currently using your theme on my blog, but I was wondering if it is possible to add a footer area for me to stick follower and subscriber gadgets. I don't like having them at the bottom of the posts as they make it look cluttered (totally unlike the rest of the theme) and the sidebar is already long enough without adding them there.

    Thanks,
    Rachel

    ReplyDelete
  21. You could have setup that Meet the author widget below every post, which is currently on Home page of this template. This will make some sense. :)

    ReplyDelete
  22. Thank you thank you thank you ... this is the best .. it's really great .. really thank you .. that's what i was looking for ..

    ReplyDelete
  23. hello Chandeep
    i'm a quadriplegic paralyzed person. i need your help!
    http://tribune.com.pk/story/627954/positive-pakistani-no-fixed-templates-in-life/

    ReplyDelete
  24. Los Angeles Plastic Surgery is the process of beautifying the body of the person who opted for this surgery. We welcome you to our clinic where we guarantee you for the best treatments without any medical malpractices.

    ReplyDelete
  25. Los Angeles Motorcycle Accident Attorney are experts in Motorcycle Law and will get you the settlement you deserve. Accidents are really unfortunate and require proper attention not from the medical professionals but also from legal professionals to cover your expenses from compensation.

    ReplyDelete
  26. If you need PPA cover or PE support, our schemes cover all aspects of the PE curriculum and include invasion games, striking and fielding and more. Please visit our website for more details and informations.

    ReplyDelete
  27. Hi, I am wondering if I can show full post? How can I achieve that? Thanks.

    ReplyDelete
  28. nice template friend, continue to work I will support you

    ReplyDelete
  29. Hi,
    This template looks very promising, but I have a couple of question before I try it.

    1. How can I add an image logo? Is this automatic?
    2. Is it possible to disable to author section?
    3. Does it use bootstrap?

    Cheers,

    Lars

    ReplyDelete
  30. Are you searching Romantic Shayari Hindi in India, So Visit our website get a alot of Shayari, sad shayari and sms. We have a all types of shayari like hindi, urdu, gujrati and punjabi.

    ReplyDelete
  31. Hai Chandeep, sorry, I can't download all of your beautiful theme. Please give me the correct way please.. thank you :)

    ReplyDelete
  32. Hello chandeep , I am using template 'siril' its awesome but I have a problem with images view in mobile template

    The image size is large in compararision to blogger default template

    please give me edit to put view posts as same as blogger default view post

    ReplyDelete
  33. thank you for the template chandeep, keep on to work buddy! I support you

    ReplyDelete
  34. First I just want to say that I absolutely adore your templates! But this one is by far my favorite. It is just what I was looking for for my blog. This isn't my first time using a custom template so I thought I wouldn't have any trouble replacing your info and links with my own, especially since you've been kind enough to provide instructions. But I can't seem to locate the codes we need to replace in the HTML. Such as the "Meet the Author" section. I can't find that code anywhere in the HTML. I've been through it over and over again thinking I must have just missed it but it's just not there. So I don't know what to do now. I really, really want to use this template, because it is just perfect, but I won't be able to if I can't put my own info/picture into it. :-(
    I really hope you get this and can help me figure out what I am doing wrong.
    Thank you!
    Kelly

    ReplyDelete
    Replies
    1. I was stuck to. I found them under the little black arrows on the sides. You click and they open up alot more code. You have to scroll down a bit to see the first arrow.

      Delete
  35. Fail. Problemas con la moderaciĆ³n de comentarios, no funciona.

    ReplyDelete
  36. I need help!! plz :((( I'm using this theme and I don't know how to introduce to the navigation menu some publications..

    ReplyDelete
  37. Great Template!
    Can I edit some things (colour and fonts) when I show your credits in the footer?

    ReplyDelete
  38. How do you add the social network share buttons below posts?

    ReplyDelete
  39. Kindly give me code to add LinkedIn link in author info

    ReplyDelete
  40. Wonderful Siril Blogger Theme. thanks for sharing

    ReplyDelete
  41. hi Chandeep
    i got an error to download this theme .


    (We were unable to save your template.

    Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly. XML error message:
    Content is not allowed in prolog.)
    plz send me solution .

    ReplyDelete
  42. I Am Showing This Problem When I Am Saving It
    Error parsing XML, line 412, column 123: The reference to entity "id" must end with the ';' delimiter

    ReplyDelete
  43. can you please do a post about the insight blogger template?

    ReplyDelete
    Replies
    1. Sorry I can't, I only post instructions about the themes which is designed by me.

      Delete
  44. hi chandeep it is wonderful simple template for blogger. Bro i want put social bookmarking buttons(sharing buttons )in the post ....
    can u please provide the code for that.

    ReplyDelete
  45. Dear Sir,
    How can I set up Apriezt V2.1 js and css files,
    Can you explain me?

    ReplyDelete
  46. Great Template bro, the only problem is subscription form,
    Can we add them to them in my website if you don't mind.

    ReplyDelete
  47. This is very responsive and mobile friendly. I love this. I have used this template on my blog www.mayaprakash.com.np as of october 2016.

    ReplyDelete

I Appreciate your valuable Feedback. So, Please DO NOT SPAM - Spam comments will be deleted immediately.

Don't use brand name in name field and you're not allowed to use links in comments unless it's necessary

Such Comments will be removed immediately.

Thanks,
Chandeep