Entries

Saturday, November 20, 2004
define

the bar on top will show the date on which this entry is written.
the line above, is the title.

this is what you type under "Create"

below shows the user name and time of publishing.

further below that is the number of comments. click it to arraive at a unique entry page, where the rest of the comments will be displayed, and you will be able to add a new comment too!

after every post, there is a break that looks similar to the date box. this will make it easier for readers to separate the posts.

5:27 AM
1 comments

code

to use this skin, just copy and paste the following code into your blogger template page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 <title><$BlogTitle$></title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
 
 
 <style type="text/css">
 
 A:link {color:#A9C0D2;text-decoration:none; background-color:none;}
 A:visited {color:#A9C0D2;text-decoration:none; background-color:none;} 
 A:active {color:#A9C0D2;text-decoration:none; background-color:none;}
 A:hover {color:#A9C0D2;	text-decoration:none; background-color:none; cursor: crosshair;}
 
 BODY {
 	scrollbar-face-color:#4E6B7D;
 	scrollbar-highlight-color:#4E6B7D;
 	scrollbar-3dlight-color:#4E6B7D;
 	scrollbar-darkshadow-color:#4E6B7D;
 	scrollbar-shadow-color:#4E6B7D;
 	scrollbar-arrow-color:#26333C;
 	scrollbar-track-color:#26333C;
 	
 	background-color: #26333C;
 	background-repeat:repeat-y;
 	background-image:url(http://home.ripway.com/2004-11/204184/shuhui/shuhui_blog_bg.jpg);
 
 	font-family:verdana;
 	letter-spacing:1px;
 	text-align:left;
 	font-size:10px;
 	text-align:left;
 	color:#CCCCCC;
 }
 
 .bg1{
 	position:absolute;
 	left:0px;
 	top:0px;
 	width:100%;
 	height:100px;
 	
 	z-index:1;
 	background-color:#26333C;
 }
 
 .picture{
 	position:absolute;
 	top:0px;
 	left:0px;
 	width:775px;
 	height:507px;
 	
 	background-image:url(http://home.ripway.com/2004-11/204184/shuhui/shuhui_blog.jpg);
 	background-repeat:no-repeat;
 	z-index:2;
 }
 
 .mainblog{
 	position:absolute;
 	top:150px;
 	left:368px;
 	width:400px;
 	height:520px;
 
 	z-index:3;
 	overflow:visible;
 	padding: 5px;
 	
 	text-align: left;
 	color: #CCCCCC;
 	font-family: verdana;
 	font-size: 12px;
 }
 
 .blogdates{
 	font-family: verdana;
 	font-size:14px;
 	font-weight:bold;
 	color:#FFFFFF;
 	
 	border-style:solid;
 	border-width:1px;
 	border-color:#000000;
 	
 	background-image:url(http://home.ripway.com/2004-11/204184/shuhui/shuhui_blog_nav.jpg);
 	
 	text-align:right;
 	padding:4px;
 }
 
 .blogtitle{
 
 	font-family: verdana;
 	font-size:10px;
 	color:#CCCCCC;
 	font-weight:bold;
 	padding:5px;
 }
 
 
 .blogitem {
 	text-align: left;
 	color: #CCCCCC;
 	font-family: verdana;
 	font-size: 12px;
 }
 
 .bloguser {
 	text-align: left;
 	word-spacing: 3px;	
 	color: #CCCCCC;
 	font-family: verdana;
 	font-size: 9px;
 }
 
 
 .navbar {
 	font-size:10px;
 	color:#CCCCCC;
 	text-align: center;
 	
 	position:absolute;
 	top:500px;
 	left:55px;
 	width:260px;
 	height:515px;
 		
 	z-index: 3;
 	overflow:visible;
 	padding:0px;
 }
 
 .navheading{
 	font-size:11px;
 	color: #CCCCCC;
 	font-weight:bold;
 	
 	border-style:solid;
 	border-width:1px;
 	border-color:#000000;
 	
 	background-image:url(http://home.ripway.com/2004-11/204184/shuhui/shuhui_blog_nav.jpg);
 }
 
 .break{
 	border-width:1px;
 	border-bottom-width:0px;
 	border-style:solid;
 	border-color:#26333C;
 }
 
 blockquote{
 	font-size:11px;
 	color:#CCCCCC;
 	font-style: italic;
 	border-width:2px;
 	border-style:solid;
 	border-color:#000000;
 	background-color:#26333C;
 	padding:5px;
 }
 
 </style>
 </head>
 
 <body>
 <div class="bg1"> </div>
 
 <div class="picture"></div>
 
 <div class="mainblog">
 <Blogger> 
 <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>
 	 
 	 <BlogItemTitle><a href="<$BlogItemURL$>"><$BlogItemTitle$></a></BlogItemTitle>
 	 
 	 <$BlogItemBody$>
 	 
 |[ <$BlogItemAuthor$> | <$BlogItemDateTime$> ]|
 	
 	 
 	 <MainOrArchivePage><BlogItemCommentsEnabled>
 <a class="bloguser" href="<$BlogItemPermalinkURL$>"><$BlogItemCommentCount$> comments</a>
 </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
 	 	
 
 	
 	<ItemPage> 
 	 <div class="break"></div>
 <BlogItemCommentsEnabled>
 
 <a name="comments"></a>
 
 
 	<$BlogItemCommentCount$> Comments:
 
 
 	<BlogItemComments>
 	<a name="<$BlogCommentNumber$>"></a>
 
 	
 	 <$BlogCommentBody$>
 	
 
 	 
 	 By <$BlogCommentAuthor$>, at
 	 <a href="#<$BlogCommentNumber$>">
 	 <$BlogCommentDateTime$></a>
 	 <$BlogCommentDeleteIcon$>
 	 
 
 	 </BlogItemComments>
 
 	 <$BlogItemCreate$>
 
 	 </BlogItemCommentsEnabled>
 	</ItemPage>
 	<div class="blogdates"></div>
 </Blogger>
 </div>
 
 <div class="navbar">
 
 about
 <$BlogDescription$>
 
 
 me
 <$BlogOwnerAboutMe$>
 
 
 links
 <a href="http://geocities.com/xiaozhuzhu_ping">pingz</a> 
 <a href="http://schmloop.blogspot.com">shariza</a> 
 <a href="http://arefreshingglassoflimejuice.blogspot.com">jeeohdee</a> 
 <a href="http://...">link</a> 
 
 
 archive
 <BloggerArchives><li><a href='<$BlogArchiveURL$>'><$BlogArchiveName$> </a></li></BloggerArchives>
 
 
 previous items
 <BloggerPreviousItems><li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li> 
 </BloggerPreviousItems>
 
 
 tag it!
 code for your tagboard / shoutbox / doodleboard or wahtever else here!
 
 BUT try to keep the width to 200px!! otherwise the template will be disaligned.
 
 
 credits
 
 |[ <a href="http://mazuma.cjb.net" target="_blank">mazuma</a> ]| 
 <a href="http://www.animewallpapers.com">anime wallpapers</a> 
 <a href="http://www.blogger.com">host</a> 
 </div>
 
 </body>
 </html><noembed>

5:26 AM
0 comments

blockquote

this is what your blockquote will look like! use it by clicking the button that has the two aprostophe marks.

5:23 AM
0 comments

Friday, November 19, 2004
test

testingtesting 123

9:29 AM
1 comments

About

Blog

Me

Disclaimer

Entries

Saturday, November 20, 2004
define

code

blockquote

Friday, November 19, 2004
test

Chat

Outgoing

links

friends

History

Previous

Archives

Other Stuff

About

Blog

Me

Disclaimer

Entries

Saturday, November 20, 2004 define

code

blockquote

Friday, November 19, 2004 test

Chat

Outgoing

links

friends

History

Previous

Archives

Other Stuff

Saturday, November 20, 2004
define

Friday, November 19, 2004
test