Singh Mag V2 For Blogger Template

---

Introduction

---

• Singh Mag Theme is created for News and Magazines Sites.
• This is the first theme who's name related to Sikh Religion.
• The theme is in Red color which increase it's look.
• Simple Design Responsible for all Sizes. You can also Show particular labels posts.
• One more thing which make this theme more amazing is that, there is a Simple and Beautiful Slider Widget.
• This theme is also Ads Ready theme to earn a lot.

• Live Demo
• Download

---

Features

---

1. Red Colored
2. Responsible for all Sizes
3. SEO Optimized
4. Advertisement Ready
5. Nice & Clean Layout
6. Recent Post by Label
7. Drop Down Navigation
8. Blogger Pages Menu
9. Random Post Button
10. Display Date
11. Simple Slider
12. Auto Copyright Year Updation
13. Fast Loading

Configurations

1. How to Add 'Recent Post by label' Widget?

Go to Blogger Layout Tab. You can see Recent post by label columns under the Slider Widget. Edit both Widget and add Below Codes.
<div id='topbarmag'> <h2 id='toptitle'> YOUR-LABEL-NAME</h2> <h2 id='toptitlerss'> <a href="/search/label/YOUR-LABEL-NAME?max-results=10">More</a></h2> </div> <script type='text/javascript'> var numposts = 3; var showpostthumbnails = true; var displaymore = false; var displayseparator = true; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; var numchars = 100; </script> <script type="text/javascript" src="/feeds/posts/default/-/YOUR-LABEL-NAME?published&alt=json-in-script&callback=labelthumbs"></script> Change the value of YOUR-LABEL-NAME in above Script.

1. How to Setup Slider?

Go to Blogger Layout Tab. Edit Widget named 'Slider' and add Below Codes.
<div id='slider-res'> <div class="slider-box"> <div id="slider-wrapper"> <div id="jslider-container"> <div class="jslider_images"> <ul> <li><a href=""> <img src="Image-Link-1" title="Sub-Title-1"/> </a>Title-1</li> <li><a href="#"> <img src="Image-Link-2" title="Sub-Title-2"/> </a>Title-2</li> <li><a href="#"> <img src="Image-Link-3" title="Sub-Title-3"/> </a>Title-3</li> <li><a href="#"> <img src="Image-Link-4" title="Sub-Title-4"/> </a>Title-4</li> <li><a href="#"> <img src="Image-Link-5" title="Sub-Title-5"/> </a>Title-5</li> <li><a href="#"> <img src="Image-Link-6" title="Sub-Title-6"/> </a>Title-6</li> </ul> </div> <div class="jslider_thumbs"> <div> <a href="#"><img src="Image-Thumb-Link-1"/></a> <a href="#"><img src="Image-Thumb-Link-2"/></a> <a href="#"><img src="Image-Thumb-Link-3"/></a> <a href="#"><img src="Image-Thumb-Link-4"/></a> <a href="#"><img src="Image-Thumb-Link-5"/></a> <a href="#"><img src="Image-Thumb-Link-6"/></a> </div> </div> </div> </div> </div> </div> Add Images in above script.