Latest Magazine style template

, Posted by ngsk at 6:37 AM




Install instruction

1.Download this template . Unzip it . You will get a template file in xml format and a folder for images .
2.Upload all images to a hosting service like photobucket .
3.Open the template file ,change all link of images in CSS section to your images link.
4.Change all link of my blog : http://ngshivakumar.blogspot.com to your blog link .
I suggest using Notepad++ for editing template and finding links to change . It's easier than using Blogger editor .
5. The code of top navigation bar here :
<!--top navigation bar-->
<div class='headline'>
<strong class='fl'><a href="#">About me</a></strong>
</div>
<div class='headline'>
<strong class='fl'><a href="#">Contact</a></strong>
</div>
<div class='headline'>
<strong class='fl'><a href="#">Link Exchange</a></strong>
</div>
and edit them accordingly .
6.Find this code
<div class='subcribe_box'>

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Simplex&loc=en_US', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: -5px 0pt 0pt; padding: 0px; text-align: center;' target='popupwindow'>

<h2>Subscribe to SimplexDesign</h2>
<p> Receive New Articles As They are Posted</p>
<div style='float: left; padding-left: 10px;'>
<input name='email' style='padding: 2px 5px; width: 200px;' type='text'/>
<input name='uri' type='hidden' value='Simplex'/>
<input name='loc' type='hidden' value='en_US'/>
<input type='submit' value='Go'/>
</div>

<div style='clear: both; height: 5px;'/>
</form>
</div>
</div>
and replace link of feed to your blog feed link .
7.Code of recent posts and recent comments :
<div id='tabs2'>
<ul>
<script src='http://simplexdesign.blogspot.com/feeds/posts/default?max-results=5&orderby=published&alt=json-in-script&callback=showrecentposts1'>
</script>
</ul>
</div>
<div id='tabs1'>
<ul>

<script src="http://simplexdesign.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>
</ul>
</div>
Change http://ngshivakumar.blogspot.com to your blog link .Save template and upload it to blogger .

8. Go to Layout ,click on Page elements tab .

Linklist widget is available for navigation of your blog ,you can add link to blog navigation bar by adding link in this widget. Click on edit button and add links

This is a primary design from Simplex pro advance, after making so many changes i made this template.

only one request if u like my work please add credits at the bottom.