readermaniax
Ambassador of Buzz
I Have a Gadget Blog and I'm Using the Classic version instead of the Blogger Beta Version as classic version is more customizable using HTML.
I had a look at Amit's Blog
and noticed the Following things:-
1) When i arrive at his blog, There are no Ads, However when i click on any post to go to a unique post page it shows ads.. How can i Add This feature to my Blog?
2) when i click on any post to go to a unique post page, At the bottom it shows previous posts.. how can i add it to moi blog?
Then Switched To The Last Word
and noticed the Following things:-
1) In the main page the categories and subscriptions are in DropDown Format... But i my Blog I want The Subscriptions and Previous posts And Archives (All on the main page and in the right sidebar) I wan To have This Kind of System.
Well I Tried My Luck With DreamWeaver... But
Here Is the Template I am Using
PS: I Dont Have Any Intention To Advertise My Blog..
I had a look at Amit's Blog
and noticed the Following things:-
1) When i arrive at his blog, There are no Ads, However when i click on any post to go to a unique post page it shows ads.. How can i Add This feature to my Blog?
2) when i click on any post to go to a unique post page, At the bottom it shows previous posts.. how can i add it to moi blog?
Then Switched To The Last Word
and noticed the Following things:-
1) In the main page the categories and subscriptions are in DropDown Format... But i my Blog I want The Subscriptions and Previous posts And Archives (All on the main page and in the right sidebar) I wan To have This Kind of System.
Well I Tried My Luck With DreamWeaver... But
Here Is the Template I am Using
Code:
[SIZE=1]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "*www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="*www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
<style type="text/css">
<!--
.style7 {
font-size: 18px;
font-weight: bold;
}
.style8 {font-weight: bold}
-->
</style>
</head>
<style type="text/css">
body{
padding:0;
margin:0;
font:76% tahoma, verdana, sans-serif;
background:#e0e0e0;
color:#303030;
}
a{
text-decoration:none;
color:#286ea0;
}
a:hover{
text-decoration:underline;
}
#toptabs{
margin:10px auto -13px auto;
font-size:0.8em;
width:760px;
}
#toptabs p{
text-align:right;
color:#808080;
}
.toptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#f0f0f0 url(*photos1.blogger.com/blogger/7994/1253/1600/corner2.gif) top right no-repeat;
color:#808080;
border-bottom:1px solid #e0e0e0;
}
.toptab:hover{
background:#fafafa url(*photos1.blogger.com/blogger/7994/1253/1600/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}
.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#017ac1;
text-decoration:none;
background:#ffffff url(*photos1.blogger.com/blogger/7994/1253/1600/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}
.activetoptab:hover{
text-decoration:none;
}
#container{
margin:0 auto 15px auto;
width:730px;
padding:5px 20px 20px 20px;
background:#ffffff;
}
#logo{
margin:15px 0 0 0;
}
#logo h1 a{
color:#303030;
}
#logo h1 a:hover{
text-decoration:none;
}
#navitabs{
clear:both;
}
.navitab{
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing:1px;
background:#e0e0e0 url(*photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}
.navitab:hover{
text-decoration:none;
background:#d0d0d0 url(*photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
}
.activenavitab{
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
text-decoration:none;
background:#017ac1 url(*photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
}
.activenavitab:hover{
text-decoration:none;
}
#desc{
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(*photos1.blogger.com/blogger/7994/1253/1600/front.0.jpg) top left no-repeat;
clear:both;
margin:5px 0 0 0;
}
#desc p{
width:290px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}
#desc h2{
padding:15px 15px 0 15px;
color:#ffffff;
}
#desc a{
color:#ffffff;
text-decoration:underline;
}
#main{
width:500px;
float:left;
padding:0 15px 0 0;
border-right:1px solid #d0d0d0;
}
.block{
background:#f0f0f0;
padding:15px;
}
#sidebar{
width:180px;
float:right;
padding-left: 20px;
}
#sidebar p{
font-size:0.9em;
line-height:1.3em;
margin:0 0 12px 0;
}
.sidelink{
text-align:left;
display:block;
width:180px;
background:#f0f0f0 url(*photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
}
.sidelink:hover{
background:#e0e0e0 url(*photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
text-decoration:none;
}
#footer{
clear:both;
background:#fafafa;
color:#808080;
font-size:0.9em;
padding:8px 0 8px 0;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
text-align:center;
}
#footer a{
color:#808080;
}
h1{
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
}
h2{
margin:0 0 20px 0;
font-size:1.6em;
font-weight:normal;
}
h3{
margin:20px 0 10px 0;
font-size:1.4em;
font-weight:normal;
}
p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}
.right{
text-align:right;
}
a img{
border:0;
}
.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}
.hide{
display:none;
}
blockquote{margin:20px 0;padding:0 20px 0 50px;background:url('*photos1.blogger.com/blogger/7994/1253/1600/quote.jpg') 10px top no-repeat;border:none}
</style>
<body>
<br/>
<br/>
<br/>
<div id="toptabs">
<p>Site Network:
<a class="activetoptab" href="*readermaniax.wordpress.com">Personal Blog</a><span class="hide"> | </span>
<a class="toptab" href="*www.gadgetsguru.in/eindex.aspx?p=add2site&m=7561">Buy Gadgets</a><span class="hide"> | </span>
<a class="toptab" href="*readermaniax.hi5.com">About Us</a></p>
</div>
<div id="container">
<div id="logo">
<h1><a href="<$BlogURL$>"><$BlogTitle$></a></h1>
</div>
<div id="navitabs">
<h2 class="hide">Site menu:</h2>
<a class="activenavitab" href="<$BlogURL$>"> Home </a><span class="hide"> | </span>
<a class="navitab" href="*mystic-gadgets.blogspot.com/search/label/Mobile%20Phones">Mobile Phones</a><span class="hide"> | </span>
<a class="navitab" href="*mystic-gadgets.blogspot.com/search/label/Digital%20Camera">Digital Cameras</a><span class="hide"> | </span>
<a class="navitab" href="*mystic-gadgets.blogspot.com/search/label/Gaming">Gaming</a><span class="hide"> | </span>
<a class="navitab" href="*mystic-gadgets.blogspot.com/search/label/Laptops">Laptops</a><span class="hide"> | </span>
<a class="navitab" href="*mystic-gadgets.blogspot.com/search/label/Home%20Entertainment">Home Entertainment</a><span class="hide"> | </span>
<a class="navitab" href="*mystic-gadgets.blogspot.com/search/label/Peripherals">Peripherals</a><span class="hide"> | </span>
<a class="navitab" href="*mystic-gadgets.blogspot.com/search/label/Cars">Cars</a>
</div>
<div id="desc">
<h1> </h1>
<p id="slogan"><$BlogDescription$></p>
</div>
<!-- Begin content -->
<div id="main">
<Blogger>
<BlogItemTitle>
<br/>
<br/>
<h2>
<span class="entrydate"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></span></h2>
<a href="<$BlogItemPermalinkURL$>" class="style7"><$BlogItemTitle$></a> <br/>
</BlogItemTitle>
<!-- Begin .post -->
<a name="<$BlogItemNumber$>"></a>
<p>
<$BlogItemBody$> </p>
<ItemPage><BlogItemBacklinksEnabled></BlogItemBacklinksEnabled>
<p>
<a href="<$BlogURL$>"><< Home</a> </p>
</ItemPage>
<!-- End #comments -->
<br/>
</Blogger>
<!-- End main column -->
</div>
<div id="sidebar">
<form method="get" action="*www.google.com/custom" target="_top">
<table border="0" bgcolor="#FFFFFF">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<br/>
<input type="hidden" name="domains" value="<$BlogTitle$>"></input>
<input type="text" name="q" size="25" maxlength="255" value=""></input>
</td></tr>
<tr>
<td nowrap="nowrap">
<table>
<tr>
<td>
<input type="radio" name="sitesearch" value="" checked="checked"></input>
<font size="-1" color="#000000">Web</font>
</td>
<td>
<input type="radio" name="sitesearch" value="<$BlogURL$>"></input>
<font size="-1" color="#000000">This Blog</font>
</td>
</tr>
</table>
<input type="submit" name="sa" value="Google Search"></input>
<input type="hidden" name="client" value="pub-5066699886314238"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-1"></input>
<input type="hidden" name="oe" value="ISO-8859-1"></input>
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:FFFFFF;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;LH:50;LW:125;L:*www.google.com/images/logo.gif;S:*;FORID:1;"></input>
<input type="hidden" name="hl" value="en"></input>
</td></tr></table>
</form>
<p>
<!-- Begin #profile-container -->
<$BlogMemberProfile$>
<!-- End #profile-container -->
</p>
<p>
<a class="sidelink" href="http:www.geckoandfly.com">Gecko & Fly</a><span class="hide"> | </span>
<a class="sidelink" href="*www.geckoandfly.com/make-money-online">Make Money Online</a><span class="hide"> | </span>
<a class="sidelink" href="*www.geckoandfly.com/blogspot-templates">Blogger Templates</a><span class="hide"> | </span>
<a class="sidelink" href="*www.geocities.com/making_real_money_online">Internet Marketing</a><span class="hide"> | </span>
</p>
</MainOrArchivePage>
<h3>Previous Posts</h3>
<ul>
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
</ul>
<MainOrArchivePage>
<h2>Archives</h2>
<ul>
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
<ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>
</ul>
</MainOrArchivePage>
<h3>Powered By</h3>
<p id="powered-by"><a href="*www.blogger.com"><img src="*buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" border="0"></a></p>
</div>
<div id="footer">
<div align="center">© 2006 <$BlogTitle$> | <a href="*www.geckoandfly.com/blogspot-templates/">Blogger Templates</a> by <a href="*www.geckoandfly.com/make-money-online/">GeckoandFly</a> | Design by <a href="*www.andreasviklund.com" target="_blank">Andreas Viklund</a><br/>
No part of the content or the blog may be reproduced without prior written permission. <br>
Learn how to <a href="*www.geckoandfly.com/make-money-online">Make Money Online</a> at GeckoandFly | First Aid and Health Information at <a href="*www.medical-health.info">Medical Health</a></p></div>
</div>
</body>
</html>[/SIZE]
Last edited: