ElegantRed Blogger Template Installations Guide

Template Name: ElegantRed Blogger Template
By : www.freebloggertemplate.info
Download link: Click here

# SETUP SUBSCRIBER
Go to "Edit HTML" page
Search the codes like below
<form action='http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input class='itext' name='email' type='text'/><input class='ibtn' height='26' src='http://4.bp.blogspot.com/-pUO7RKhfTyo/TjOWQhQAyyI/AAAAAAAABcM/LTwj48my8wY/s1600/subscribe-btn.png' type='image' value='Subscribe' width='86'/>
<input name='uri' type='hidden' value='ElegantWpThemes'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
Change red text with your Feedburner ID.


# SETUP TOP MENU
Go to "Edit HTML" page
Search the codes like below
<div class='uninside2'>
<a href='/'>Home</a><span>|</span>
<a href='#' title='About'>About</a><span>|</span>
<a href='#' title='EDIT'>EDIT</a>
</div>
Change "#" with your link anchor/url
Change "red text" with your text anchor

# SETUP CATEGORY MENU
Go to "Edit HTML" page
Search the codes like below
<div class='tninside2'>
<a href='#' title='Category1'>Category1</a><span>|</span>
<a href='#' title='Category2'>Category2</a><span>|</span>
<a href='#' title='Category3'>Category3</a><span>|</span>
<a href='#' title='Category4'>Category4</a><span>|</span>
<a href='#' title='EDIT'>EDIT</a>
</div>
Change "#" with your link anchor/url
Change "red text" with your text anchor

# SETUP SLIDE FEATURE

Copy and paste "slide feature code(this code included in downloadable file)" below:
<div class="round_Inside slider_bg">
<div class="round_Inside2 slider_option">
<div id="banner-container">
<ul id="banner">

<li id="img1" style="position: absolute; z-index:zIndex"><img src="http://1.bp.blogspot.com/-7lUukwdAE_o/TiQs5_On1JI/AAAAAAAABYk/oTPT7ETUCQo/s1600/screenshot.JPG" width="644" height="263" /></li>

<li id="img2" style="position: absolute; z-index:zIndex"><img src="http://3.bp.blogspot.com/-SMeoQ2gYri8/Ta-8eLeFVxI/AAAAAAAABHo/fGon-9L7vBc/s400/screenshot.JPG" width="644" height="263" /></li>

<li id="img3" style="position: absolute; z-index:zIndex"><img src="http://2.bp.blogspot.com/-GnsTiPPqvFc/Taf0sZpHMxI/AAAAAAAABB8/YpoweSw_6eA/s400/screenshot.JPG" width="644" height="263" /></li>
</ul>
<div id="tabs">
<a href="#SLIDE-1-URL"><div class="label" id="label-1"></div></a>
<div class="tab png" id="tab-1">
<h2>SLIDE-1-TITLE...</h2>
<p>REPLACE THIS SENTENCES WITH YOUR SLIDE-1 DESCRIPTIONS ...</p>
</div>

<a href="#SLIDE-2-URL"><div class="label" id="label-2"></div></a>
<div class="tab png" id="tab-2">
<h2>SLIDE-2-TITLE...</h2>
<p>REPLACE THIS SENTENCES WITH YOUR SLIDE-2 DESCRIPTIONS ...</p>
</div>
<a href="#SLIDE-3-URL"><div class="label" id="label-3"></div></a>

<div class="tab png" id="tab-3">
<h2>SLIDE-3-TITLE ...</h2>
<p>REPLACE THIS SENTENCES WITH YOUR SLIDE-3 DESCRIPTIONS ...</p>
</div>
</div></div></div></div>
Replace red images url with your images url.
id="img1" => image for slide 1
id="img2" => image for slide 2
id="img3" => image for slide 3

Change "#" with your url
Change "red text" with your own

# SETUP POPULAR POSTS ELEMENT

Remember, number of posts to display = 4 posts