This Blog Linked From Here The Web This Blog

Blogger templates Light magazine is designed for users of blogger / blogspot who want to have a blog magazine (blogazine). Blogger templates is suitable for news blogs, fashion blogs, personal blogs, etc

Light magazine has a magazine style features, 3 column, cutom dropdown menu, 4 column footer widget, jquery image slideshow, magazine style blogger templates, left sidebar, right sidebar, white and gray color, etc

Template feature

Magazine
3 columns
Fixed
Image Slideshow
White and gray color
Costum Menu (drop down)
Right sidebar
Left sidebar

Tutorials

Custom Menu
Go to design - Page element - Add Gadged

Add HTML/JavaScript

Add this code
The red color replace with your desired link
The green color change with the name you want the Menu

<div id='navbarmenuleftx'>
<ul id='navx'>

<li><a href='/'>Home</a></li>
<li><a href='#YOURLINK'>Menu 1</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.1</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.1.1</a></li>
<li><a href='#YOURLINK'>Menu 1.1.2</a></li>
<li><a href='#YOURLINK'>Menu 1.1.3</a></li>
<li><a href='#YOURLINK'>Menu 1.1.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 1.2</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.2.1</a></li>
<li><a href='#YOURLINK'>Menu 1.2.2</a></li>
<li><a href='#YOURLINK'>Menu 1.2.3</a></li>
<li><a href='#YOURLINK'>Menu 1.2.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 1.3</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.3.1</a></li>
<li><a href='#YOURLINK'>Menu 1.3.2</a></li>
<li><a href='#YOURLINK'>Menu 1.3.3</a></li>
<li><a href='#YOURLINK'>Menu 1.3.4</a></li>
</ul>
</li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 2</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.1</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.1.1</a></li>
<li><a href='#YOURLINK'>Menu 2.1.2</a></li>
<li><a href='#YOURLINK'>Menu 2.1.3</a></li>
<li><a href='#YOURLINK'>Menu 2.1.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 2.2</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.2.1</a></li>
<li><a href='#YOURLINK'>Menu 2.2.2</a></li>
<li><a href='#YOURLINK'>Menu 2.2.3</a></li>
<li><a href='#YOURLINK'>Menu 2.2.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 2.3</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.3.1</a></li>
<li><a href='#YOURLINK'>Menu 2.3.2</a></li>
<li><a href='#YOURLINK'>Menu 2.3.3</a></li>
<li><a href='#YOURLINK'>Menu 2.3.4</a></li>
</ul>
</li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 3</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.1</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.1.1</a></li>
<li><a href='#YOURLINK'>Menu 3.1.2</a></li>
<li><a href='#YOURLINK'>Menu 3.1.3</a></li>
<li><a href='#YOURLINK'>Menu 3.1.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 3.2</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.2.1</a></li>
<li><a href='#YOURLINK'>Menu 3.2.2</a></li>
<li><a href='#YOURLINK'>Menu 3.2.3</a></li>
<li><a href='#YOURLINK'>Menu 3.2.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 3.3</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.3.1</a></li>
<li><a href='#YOURLINK'>Menu 3.3.2</a></li>
<li><a href='#YOURLINK'>Menu 3.3.3</a></li>
<li><a href='#YOURLINK'>Menu 3.3.4</a></li>
</ul>
</li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 4</a></li>
<li><a href='#YOURLINK'>Menu 5</a></li>
<li><a href='#YOURLINK'>Menu 6</a></li>
<li><a href='#YOURLINK'>Menu 7</a></li>

</ul>
</div>

Search
Go to design - Page element - Add Gadged

Add HTML/JavaScript

Add this code
The red color replace with your blog url

<form action='http://extemplatescom-demo.blogspot.com/search' id='searchform' method='get' name='searchform'><input id='searchformx' name='q' onblur='if (this.value == "") {this.value = "search";}' onfocus='if (this.value == "search") {this.value = ""}' type='text' value=''/> <input id='searchsubmit' type='submit' value='search'/> </form>

Image Slide Show
Go to Design - Edit HTML
Find this code 
The red color replace with yaour image

<div class='ss-item' style='background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcLtet4dzJzBYb-tcNzWw48wgdh65XL_bJy1o_XIK_Uo66Fli5f1bFnW8NxaBevFBtrGEqULBLL5dgXShIRiCxbW8HIYgepxr2kfOiKz4OwtlRNSBgZysdakq49wR4tZ2eNoE9coZ_hUfs/s1600/banner1.jpg);'>
</div>

<div class='ss-item' style='background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLsfuc69MjwUz1A2e-_9phI8vFWBuoP_ITIkf77HmO4Nw4jMEqLnyGbiY_zKqxx4u4DB4692RJEmKM7cc7WUxTNMbDJmDLiW0iaeduPd163jxQCniVtyCJiGN4Le69S37HapuAFEMydG3L/s1600/banner2.jpg);'>
</div>

<div class='ss-item' style='background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZQDllgtWneDlwxYHCGBSZRzP2dIpp8DbO5kg2vRjCSt1SevUBA2dUmHFsHVGDojwQx8Sgz3IFy1DTMTmflVLXrll-ZLgi7fSNSK4urOVGlZ5NIalD_04VLL_36N6AZYhKKnLUCE4jcZ4Q/s1600/banner3.jpg);'>
</div>

<div class='ss-item' style='background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioyPpcUndynkg9i4j2jjom_Bj68fa7eGEDdh-jpMVS1u39oDU6QZ15mWgF8gE7qN-nar7uLjYBRtBdBUu0Shc2QPL8TSeyzOSMce6SFuS5__Xd1gYI7DUeOdxNfy2cIgeh240yDSU1gHEn/s1600/banner4.jpg);'>
</div>

<div class='ss-item' style='background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEc-IAIJswABe62lcOMz_-tXTJfLPGxYTPkoeE3VLUvPkDTMmhYoVyAWSutLXujEintP_dXNnFQymsf8A0uCbkfv4FzZ6QC23djuWUdjD9pJEXWSayGiWcHRIIAiJywb6gSZx6hWmRTEA5/s1600/banner5.jpg); '>