blogger template: Simple template bases on Wordpress template

The template code: <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd\"> <HTML xmlns=\"http://www.w3.org/1999/xhtml\"> <HEAD> <MainPage><title><$BlogTitle$></title></MainPage> <ArchivePage><title><$BlogPageTitle$></title></ArchivePage> <ItemPage><title><Blogger><$BlogItemTitle$></Blogger> - <$BlogTitle$></title></ItemPage> <meta name=\"keywords\" content=\"<Blogger><ItemPage><$BlogItemTitle$>, </ItemPage></Blogger><$BlogTitle$>\" /> <meta name=\"description\" content=\"<Blogger><ItemPage><$BlogItemTitle$> | </ItemPage></Blogger><$BlogTitle$>\" /> <$BlogMetaData$> <STYLE type=text/css media=screen> body { padding-right: 0px; padding-left: 0px; font-size: 78%; background: url(http://photos1.blogger.com/blogger/1127/774/1600/bg.0.png) #e8e8ce fixed repeat-x; padding-bottom: 0px; margin: 0px; color: #333; padding-top: 0px; font-family: \"lucida grande\", \"lucida sans unicode\", verdana, arial, sans-serif; text-align: center } p { font-size: 1em; margin: 1.2em 0px; line-height: 1.5em } ol { padding-right: 0px; padding-left: 0px; font-size: 1em; padding-bottom: 0px; margin: 1.2em 0px 1.2em 2em; line-height: 1.5em; padding-top: 0px } ul { padding-right: 0px; padding-left: 0px; font-size: 1em; padding-bottom: 0px; margin: 1.2em 0px 1.2em 2em; line-height: 1.5em; padding-top: 0px } h1 { margin: 1.2em 0px; color: #9bbb38; font-family: \"lucida grande\", tahoma, arial, sans-serif } h2 { margin: 1.2em 0px; color: #9bbb38; font-family: \"lucida grande\", tahoma, arial, sans-serif } h3 { margin: 1.2em 0px; color: #9bbb38; font-family: \"lucida grande\", tahoma, arial, sans-serif } h4 { margin: 1.2em 0px; color: #9bbb38; font-family: \"lucida grande\", tahoma, arial, sans-serif } h5 { margin: 1.2em 0px; color: #9bbb38; font-family: \"lucida grande\", tahoma, arial, sans-serif } h6 { margin: 1.2em 0px; color: #9bbb38; font-family: \"lucida grande\", tahoma, arial, sans-serif } h1 { font-size: 1.4em } h2 { font-size: 1.4em } h3 { font-size: 1.3em } h4 { font-size: 1.2em } a { text-decoration: none } a:link { color: #e58712 } a:visited { color: #b96f17 } a:hover { color: #9bbb38 } a:active { color: #9bbb38 } input { border-right: #c1c0b5 1px solid; border-top: #c1c0b5 1px solid; font-size: 1em; border-left: #c1c0b5 1px solid; color: #333; border-bottom: #c1c0b5 1px solid; font-family: \"lucida sans unicode\", tahoma, arial, sans-serif; background-color: #fafaf0 } textarea { border-right: #c1c0b5 1px solid; border-top: #c1c0b5 1px solid; font-size: 1em; border-left: #c1c0b5 1px solid; color: #333; border-bottom: #c1c0b5 1px solid; font-family: \"lucida sans unicode\", tahoma, arial, sans-serif; background-color: #fafaf0 } select { border-right: #c1c0b5 1px solid; border-top: #c1c0b5 1px solid; font-size: 1em; border-left: #c1c0b5 1px solid; color: #333; border-bottom: #c1c0b5 1px solid; font-family: \"lucida sans unicode\", tahoma, arial, sans-serif; background-color: #fafaf0 } blockquote { padding-right: 20px; padding-left: 20px; font-size: 0.9em; padding-bottom: 0px; margin: 0px 20px; border-left: #e8e7d0 4px solid; padding-top: 0px } code { color: #666; font-family: monospace } form { border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; border-right-width: 0px } img { border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; border-right-width: 0px } .small { font-size: 0.9em; color: #999 } #wrapper { margin: 0px auto; width: 750px; background-color: #fff; text-align: left; margin-top: -80px; } #header { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 30px; border-bottom: #9bbb38 10px solid; background-color: #f5f5e7 } #header h1 { font-size: 1.8em; margin: 0px } #header h1 a { color: #80904f; text-decoration: none } #content { display: inline; float: left; margin: 0px 0px 0px 20px; width: 500px } #sidebar { padding-right: 0px; display: inline; padding-left: 0px; font-size: 0.9em; float: left; padding-bottom: 0px; margin: 0px 20px; width: 190px; padding-top: 1.8em } html #content { overflow: hidden } html #sidebar { overflow: hidden } #footer { clear: both; font-size: 0.9em; text-align: right } #footer p { padding-right: 0px; border-top: #9bbb38 10px solid; padding-left: 0px; font-size: 0.9em; padding-bottom: 20px; margin: 0px; padding-top: 10px; background-color: #e8e8ce; text-align: right } #sidebar h2 { padding-right: 10px; display: inline; padding-left: 0px; font-size: 1.1em; background: url(http://photos1.blogger.com/blogger/2848/600/1600/arrow.gif) no-repeat right center; padding-bottom: 0px; margin: 1.2em 0px 0.6em; padding-top: 0px } #sidebar h2 a { color: #9bbb38 } #sidebar h2 a:hover { color: #e58712 } #sidebar ul { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none } #sidebar ul li { } #sidebar ul ul { border-top: #e8e7d0 1px solid; margin: 1.2em 0px; background-color: #fafaf0 } #sidebar ul ul li { padding-right: 0px; padding-left: 10px; padding-bottom: 0px; padding-top: 0px; border-bottom: #e8e7d0 1px solid } #sidebar ul ul li a { padding-right: 10px; display: block; padding-left: 10px; padding-bottom: 0.1em; margin: 0px 0px 0px -10px; width: 170px; padding-top: 0.1em; voice-family: inherit } #sidebar ul ul li a:hover { background-color: #fff } #sidebar ul ul ul { margin: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none } #sidebar ul ul ul li { padding-right: 0px; border-top: #e8e7d0 1px solid; padding-left: 25px; padding-bottom: 0px; margin: 0px 0px 0px -10px; padding-top: 0px; border-bottom-style: none } #sidebar ul ul ul li a { padding-right: 10px; padding-left: 25px; padding-bottom: 0.1em; margin: 0px 0px 0px -25px; width: 155px; padding-top: 0.1em; voice-family: inherit } .post { } .posttitle { margin-bottom: 0px; overflow: auto; width: 100%; color: #fff } .posttitle a { padding-right: 10px; padding-left: 10px; background: url(http://photos1.blogger.com/blogger/1127/774/1600/posttitle.gif) #9bbb38 no-repeat right top; float: left; padding-bottom: 0px; padding-top: 0px } .posttitle a:link { color: #fff } .posttitle a:visited { color: #fff } .posttitle a:hover { background: url(http://photos1.blogger.com/blogger/1127/774/1600/posttitle.gif) #e8e7d0 no-repeat 100% -91px; color: #80904f } .posttitle a:active { background: url(http://photos1.blogger.com/blogger/1127/774/1600/posttitle.gif) #e8e7d0 no-repeat 100% -91px; color: #80904f } .postmeta { margin-top: 0px; font-size: 0.9em; background: url(http://photos1.blogger.com/blogger/1127/774/1600/postmeta.png) no-repeat left top; color: #999; padding-top: 1px } .postentry { } .permalink { padding-right: 0px; padding-left: 14px; background: url(http://photos1.blogger.com/blogger/1127/774/1600/permalink.png) no-repeat left center; padding-bottom: 0px; margin: 0px 1.8em 0px 0px; padding-top: 0px } .commentslink { padding-right: 0px; padding-left: 17px; background: url(http://photos1.blogger.com/blogger/1127/774/1600/commentslink.png) no-repeat left center; padding-bottom: 0px; padding-top: 0px } #commentlist { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 1.2em 0px; padding-top: 0px; border-bottom: #e8e7d0 1px solid; list-style-type: none } #commentlist li { padding-right: 20px; border-top: #e8e7d0 1px solid; padding-left: 20px; padding-bottom: 1px; padding-top: 1px; background-color: #fff } .alt { background-color: #fafaf0! important } .commenttitle { font-size: 1.1em; margin-bottom: 0px } .commentmeta { margin: 0; font-size: 0.92em; color: #999; } #comment { width: 98% } #sidebar #s { margin-bottom: 2px; width: 180px } </STYLE> <script type=\"text/javascript\"> function sh (id) { whichpost = document.getElementById(id); if (whichpost.className==\"show\") { whichpost.className=\"hide\"; } else { if (whichpost.className==\"hide\") { whichpost.className=\"show\"; } } } <ItemPage> var hasChanged = 0; var hostName = \'blogspot.com\'; function setCookie (name, value, expires) { document.cookie = name + \'=\' + escape(value) + \'; expires=\' + expires.toGMTString() + \'; domain=\' + hostName + \'; path=/\'; } function getCookie (name) { var key = name + \'=\'; var c = document.cookie; var i = c.indexOf(key); if (i < 0) return \'\'; var j = c.indexOf(\';\', i + key.length); if (j < 0) j = c.length; return unescape(c.substring(i + key.length, j)); } function rememberMe (f) { var now = new Date(); now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000); setCookie(\'author\', f.anonName.value, now); setCookie(\'site\', f.anonURL.value, now); } function setFormValues (f) { f.anonName.value = getCookie(\"author\"); f.anonURL.value = getCookie(\"site\"); } function doLoaded () { if (!document.frmComment) return; setFormValues(document.frmComment); if (document.frmComment.anonName.value) document.frmComment.rememberInfo.checked = 1; } onload = doLoaded; function escapeQuotes(text) { text=text.replace(/\'/g,\"\\\\\'\"); text=text.replace(/\\n/g,\"\\\\n\"); return text; } function insertTags(tagOpen, tagClose, sampleText) { var txtarea = document.cFrm.postBody; // IE if(document.selection) { var theSelection = document.selection.createRange().text; if(!theSelection) { theSelection=sampleText;} txtarea.focus(); if(theSelection.charAt(theSelection.length - 1) == \" \"){ theSelection = theSelection.substring(0, theSelection.length - 1); document.selection.createRange().text = tagOpen + theSelection + tagClose + \" \"; } else { document.selection.createRange().text = tagOpen + theSelection + tagClose; } // Mozilla } else if(txtarea.selectionStart || txtarea.selectionStart == \'0\') { var startPos = txtarea.selectionStart; var endPos = txtarea.selectionEnd; var myText = (txtarea.value).substring(startPos, endPos); if(!myText) { myText=sampleText;} if(myText.charAt(myText.length - 1) == \" \"){ // exclude ending space char, if any subst = tagOpen + myText.substring(0, (myText.length - 1)) + tagClose + \" \"; } else { subst = tagOpen + myText + tagClose; } txtarea.value = txtarea.value.substring(0, startPos) + subst + txtarea.value.substring(endPos, txtarea.value.length); txtarea.focus(); var cPos=startPos+(tagOpen.length+myText.length+tagClose.length); txtarea.selectionStart=cPos; txtarea.selectionEnd=cPos; // All others } else { tagOpen=tagOpen.replace(/\\n/g,\"\"); tagClose=tagClose.replace(/\\n/g,\"\"); document.infoform.infobox.value=tagOpen+sampleText+tagClose; txtarea.focus(); } if (txtarea.createTextRange) txtarea.caretPos = document.selection.createRange().duplicate(); } //Preview function PreviewpostBody(){ if (cFrm.postBody.value==\'\') return; var preview=window.open(\'\',\'Preview\',\'width=500,height=200\');preview.document.open(); var text=cFrm.postBody.value;while(text.indexOf(\"\\n\") > -1) text=text.replace(\"\\n\",\"<br/>\"); preview.document.write(\'<html><style>*{font-size:11px;font-family:Verdana,Arial,Sans-Serif}<\\/style><bo\'+\'dy>\'+text+\'<\\/body><\\/html>\'); preview.document.close(); } </ItemPage> </script> </HEAD> <BODY> <DIV id=wrapper> <DIV id=header><br /><br /><br /> <H1><a href=\"<$BlogURL$>\"><$BlogTitle$></a></H1> </DIV> <DIV id=content> <Blogger> <MainOrArchivePage> <DIV class=post> <H2 class=posttitle><a href=\"<$BlogItemPermalinkUrl$>\"><$BlogItemTitle$></a></H2> <P class=postmeta><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></P> <DIV class=postentry> <P><$BlogItemBody$></P> </DIV> <P class=postfeedback><a class=permalink href=\"<$BlogItemPermalinkUrl$>\">Permalink</A> <BlogItemCommentsEnabled> <span class=\"commentslink\"><a href=\"<$BlogItemPermalinkURL$>#comments\"><script type=\"text/javascript\">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write(\'No comments yet.\');} else if(a == 1){document.write(\'1 comment so far\');} else {document.write(a+\' comments\');}</script> </a> </span> </BlogItemCommentsEnabled></span> </P> </DIV> </MainOrArchivePage> <ItemPage> <DIV class=post> <H2 class=posttitle><a href=\"<$BlogItemPermalinkUrl$>\"><$BlogItemTitle$></a></H2> <P class=postmeta><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></P> <DIV class=postentry> <P><$BlogItemBody$></P> </DIV> <P class=postfeedback><a class=permalink href=\"<$BlogItemPermalinkUrl$>\">Permalink</A></P> </DIV> <BlogItemCommentsEnabled> <h3 id=\"comments\"> <BlogItemCommentsEnabled> <span><a href=\"<$BlogItemPermalinkURL$>#comments\"><script type=\"text/javascript\">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write(\'No comments yet.\');} else if(a == 1){document.write(\'1 comment so far\');} else {document.write(a+\' comments\');}</script> </a> </span> </BlogItemCommentsEnabled> </span> </h3> <ol id=\"commentlist\"> <BlogItemComments> <li class=alt id=\"comment\"> <h3 class=\"commenttitle\"><$BlogCommentAuthor$> said,</h3> <p class=\"commentmeta\"><$BlogCommentDateTime$></p> <p><$BlogCommentBody$></p> </li> </BlogItemComments> </ol> <H2 id=postcomment>Leave a Comment</H2> <form name=\"cFrm\" id=\"cFrm\" action=\"http://www.blogger.com/login-comment.do\" method=\"post\"> <input type=\"hidden\" name=\"blogID\" value=\"<$BlogID$>\"/> <input type=\"hidden\" name=\"postID\" value=\"<$BlogItemNumber$>\"/> <input type=\"hidden\" name=\"isPopup\" value=\"false\"/> <input type=\"hidden\" name=\"iden\" value=\"Other\"/> <p><input type=\"text\" name=\"anonName\" id=\"author\" value=\"\" size=\"22\" tabindex=\"1\" class=finput /> <label for=\"author\"><small><strong>Name</strong> (required)</small></label></p> <p><input type=\"text\" name=\"anonURL\" id=\"url\" value=\"\" size=\"22\" tabindex=\"2\" class=finput /> <label for=\"url\"><small><strong>Website</strong></small></label></p> <p><img class=\"out\" src=\"http://www.blogger.com/img/gl.bold.gif\" width=\"18\" height=\"18\" onMouseOver=\"this.className=\'over\';sh(\'bold\')\" onMouseOut=\"this.className=\'out\';sh(\'bold\')\" onClick=\'insertTags(\"<b>\",\"</b>\",\"\")\' /> <img class=\"out\" src=\"http://www.blogger.com/img/gl.italic.gif\" width=\"18\" height=\"18\" onMouseOver=\"this.className=\'over\';sh(\'italic\')\" onMouseOut=\"this.className=\'out\';sh(\'italic\')\" onClick=\'insertTags(\"<i>\",\"</i>\",\"\")\' /> <img class=\"out\" src=\"http://www.blogger.com/img/gl.link.gif\" width=\"18\" height=\"18\" onMouseOver=\"this.className=\'over\';sh(\'link\')\" onMouseOut=\"this.className=\'out\';sh(\'link\')\" onClick=\'var lien = prompt(\"URL :\",\"http://\");if(lien!=\"\"&&lien!=null&&lien!=\"http://\"){insertTags(\"<a href=\\\"\" + lien +\"\\\">\",\"</a>\",\"\")} else {}\' /> <span id=\"bold\" class=\"hide\">Convert to <b>bold</b></span><span id=\"italic\" class=\"hide\">Convert to <i>italic</i></span><span id=\"link\" class=\"hide\">Convert to <a href=\"#\">link</a></span> <br /> <textarea name=\"postBody\" id=\"comment\" cols=\"50%\" rows=\"6\" tabindex=\"3\" class=finput></textarea> </p> <script type=\"text/javascript\"> //<![CDATA[ document.write(\'<p><input type=\"checkbox\" name=\"remember\" id=\"remember\" style=\"width:auto\"> <label for=\"remember\">Remenber me<\\/label><\\/p>\'); //]]> </script> <script type=\"text/javascript\"> //<![CDATA[ var bgPosted = false; var cFrm = document.getElementById(\'cFrm\'); cFrm.target = \'bgpost\'; cFrm.onsubmit = function(){return cFrmPost()}; if (document.cookie != \'\') { //cFrm.anonName.value = document.cookie.replace(/^.*anonName=?([^;]*);?.*$/, \'$1\'); //cFrm.anonURL.value = document.cookie.replace(/^.*anonURL=?([^;]*);?.*$/, \'$1\'); if(getCookie (\'anonName\') != null) cFrm.anonName.value = getCookie (\'anonName\'); if(getCookie (\'anonURL\') != null) cFrm.anonURL.value = getCookie (\'anonURL\'); } cFrm.postBody.value = \'\'; function cFrmPost() { with (cFrm) { anonName.value = anonName.value.replace(/^\\s+|\\s+$/g, \'\'); anonURL.value = anonURL.value.replace(/^\\s+|\\s+$/g, \'\'); postBody.value = postBody.value.replace(/^\\s+|\\s+$/g, \'\'); if (anonName.value == \'\') { alert(\'Please enter your name\'); anonName.focus(); return false; } if (postBody.value == \'\') { alert(\'Please enter a comment\'); postBody.focus(); return false; } anonURL.value = anonURL.value.replace(/^http:\\/\\//g, \'\'); } bgPosted = true; document.cFrm.post.disabled=true;document.cFrm.post.value=\"Please wait...\"; return true; } function bgpostLoad() { if (bgPosted == true) { if (cFrm.remember.checked) { var expires = new Date(); expires.setFullYear(expires.getFullYear()+1); document.cookie = \"anonName=\" + unescape(cFrm.anonName.value) + \"; path=/\" + \"; expires=\" + expires.toGMTString(); document.cookie = \"anonURL=\" + unescape(cFrm.anonURL.value) + \"; path=/\" + \"; expires=\" + expires.toGMTString(); //document.cookie = \"fromName=\" + unescape(cSend.fromName.value) + \"; path=/\" + \"; expires=\" + expires.toGMTString(); //document.cookie = \"fromEmail=\" + unescape(cSend.fromEmail.value) + \"; path=/\" + \"; expires=\" + expires.toGMTString(); } window.location.reload(); } } document.write(\'<iframe style=\"position:absolute;left:-9999px;top:0\" name=\"bgpost\" onload=\"bgpostLoad()\"><\\/iframe>\'); //]]> </script> <p style=\"text-align:left\">  <input style=\"font-weight:bold\" type=\"submit\" name=\"post\" value=\" Submit Comment \" id=\"FinalPublish\" tabindex=\"5\" /> <br class=\"clear\" /> </p> </form> </BlogItemCommentsEnabled> </ItemPage> </Blogger> <P></P> </DIV> <div id=\"sidebar\"> <ul> <MainOrArchivePage> <li class=\"pagenav\"> <h2>Recent posts</h2> <ul> <BloggerPreviousItems> <li><a href=\"<$BlogItemPermalinkURL$>\"><$BlogPreviousItemTitle$></a></li> </BloggerPreviousItems> </ul> </li> </MainOrArchivePage> <ItemPage> <li class=\"pagenav\"> <h2>Previous posts</h2> <ul> <BloggerPreviousItems> <li><a href=\"<$BlogItemPermalinkURL$>\"><$BlogPreviousItemTitle$></a></li> </BloggerPreviousItems> </ul> </li> </ItemPage> <li id=\"archives\"> <h2>Archives</h2> <ul> <BloggerArchives> <li><a href=\'<$BlogArchiveURL$>\'><$BlogArchiveName$></a></li> </BloggerArchives> </ul> </li> <li> <h2>Blogroll</h2> <ul> <li><a href=\"\">EDIT ME</a></li> <li><a href=\"\">EDIT ME</a></li> <li><a href=\"\"><a href=\"http://freeblogspottemplates.blogspot.com/\" target=\"_blank\" alt=\"Free BlogSpot Templates\">Free BlogSpot Templates</a></a></li> </ul> </li> <li id=\"meta\"> <h2>Meta</h2> <ul> <li><a href=\"<$BlogURL$>\" title=\"\">Home</a></li> <li><a href=\"http://www.blogger.com/home\">Login</a></li> <li><a href=\"<$BlogURL$>/atom.xml\" title=\"Syndicate this site using RSS\">Entries <abbr title=\"Really Simple Syndication\">RSS</abbr></a></li> </ul> </li> <li id=\"search\"> <form method=\"get\" action=\"http://search.blogger.com/\"> <input type=\"text\" name=\"as_q\" value=\"\" onFocus=\"this.value=\'\';\" size=\"23\"> <input type=\"hidden\" name=\"bl_url\" value=\"<$BlogURL$>\" /> <br /> <input id=\"searchsubmit\" class=\"submit\" value=\"Search\" type=\"submit\"> </form> </li> </ul> <br> <a href=\"http://freeblogspottemplates.blogspot.com/\" target=\"_blank\" alt=\"Free BlogSpot Templates\"><img src=\"http://photos1.blogger.com/blogger/2848/600/320/FBsT88x15.png\" border=\"0\" ></a> </div> <DIV id=footer> <P><A href=\"<$BlogURL$>\"><$BlogTitle$></A> </P> </DIV> </DIV> </BODY> </HTML>

blogger template

Saturday, January 20, 2007

Simple template bases on Wordpress template

No comments:

Labels

Recent Posts

Blog Archive

Link to me

Links