Comunidad de diseño web y desarrollo en internet online

Ayuda con plantilla de blogger

Citar            
MensajeEscrito el 11 Feb 2011 06:40 am
Resulta que hace poco acabo de crear un blog, la verdad no le se mucho e instalé una plantilla que se llama "shoppaholic", el chiste es que no trae algunas cosas bien, como lo de "entradas antiguas" que aparece en la parte de arriba y centrado y se tapa con las entradas que publico, entonces lo que quiero es que me aparezca hasta abajo y no se como hacerle, por otra parte si no es mucha la molestia me gustaría me ayudaran a que para poder comentar en las entradas me apareciera un recuadro abajoque diga "comentar" y se desplieguen las opciones "comentar como: anónimo...etc" Por cierto mi blog es: [url=http://beautifulgirlsaccesoriesstore.blogspot.com/][/url]

Y el código de la plantilla:

Código :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name    : Shoppaholic
Designer: Cebong Ipiet
URL     : http://ipietoon.blogspot.com
Date    : March 09, 2009

Do Not Remove Credit Footer, Spend many time to make it free
----------------------------------------------- */

#navbar-iframe {
   display: none !important;
}

/*------------BODY---------------*/
body {
   background: #673c4d;
   width: 980px;
   color: #333;
   font-size: 12px;
   font-family: century gothic,Tahoma, Verdana;
   margin: 0 auto 0;
   padding: 0;
}
#wrap {
   background: #fff;
   width: 900px;
   margin: 10px auto 10px;
   padding: 0;
   position: relative;
}
a, a:visited {
   color: #580325;
   text-decoration: none;
}
a:hover {
   color: #753d48;
   text-decoration: underline;
}
a img {
   border-width: 0;
}

/* ---------------HEADER------------------*/
#header {
   background:url(http://3.bp.blogspot.com/_6pbSFKC8YH4/SbStfEHABeI/AAAAAAAAAXg/eroJnno8Zho/s1600/header.png);
   width: 900px;
   height: 350px;
   color: transparent;
   font-size: 11px;
   margin: 0;
   padding: 0;
   overflow: hidden;
}
#header-inner {
   background-position: left;
   background-repeat: no;
}

#header h1{
   color: #994569;
   font-size: 48px;
   font-family: Century gothic,Georgia, Times New Roman;
   font-weight: bold;
   margin: 0;
   padding: 60px 0 0 20px;
   text-decoration: none;
}

#header h1 a,a:hover {
   color: #753d48;
   text-decoration: none;
}

#header h3 {
   color: #fff;
   font-size: 16px;
   font-weight: normal;
   margin: 0;
   padding: 0;
}
#header p {
   color: #FFF;
   padding: 0 0 5px 20px;
   margin: 0;
   line-height: 20px;
}
.headerleft {
   width: 400px;
   float: left;
   font-size: 14px;
   margin: 0;
   padding: 0;
}
.headerleft a img {
   border: none;
   margin: 0;
   padding: 0;
}
.headerright {
   width: 486px;
   float: right;
   margin: 0;
   padding: 18px 0 0;
   font-weight: bold;
}
.headerright a img {
   margin: 0 0 3px;
   padding: 0;
}
#header .description {
   color: #fff;
   font-size:22px;
   font-weight: bold;
   margin-left: 25px;
   padding: 0;
}

/*--------------NAVIGATION BAR MENU----------------*/
#NavbarMenu {
        background:#753d48;
   width: 900px;
   height: 40px;
   font-size: 12px;
        font-variant:small-caps;
   color: #FFF;
   font-weight: bold;
   margin: 0;
   padding: 0;
}
#NavbarMenuleft {
   width: 620px;
   float: left;
   margin: 0;
   padding: 0;
}
#NavbarMenuright {
   width: 280px;
   font-size: 11px;
   float: right;
   margin: 0;
   padding: 0px 0 0;
}
#nav {
   margin: 0;
   padding: 0px;
}
#nav ul {
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
}
#nav li {
   list-style: none;
   margin: 0;
   padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
   color: #FFF;
   display: block;
   font-size: 16px;
        font-variant:small-caps;
   font-weight: bold;
   margin: 0;
   padding: 15px 15px 8px;
}
#nav li a:hover, #nav li a:active {
   color: #FFF;
   margin: 0;
   padding: 9px 15px 8px;
   text-decoration: none;
}

#nav li {
   float: left;
   padding: 0;
}

/*----------------SEARCH----------------*/
#search {
   height:28px;
   width:auto;
   width:300px;
   float:right;
   padding-top:10px;
       }

#search form {
   margin: 0;
   padding: 0;
}

#search fieldset {
   margin: 0;
   padding: 0;
   border: none;
}

#search p {
   margin: 0;
   font-size: 85%;
}

#s {
   margin-left:5px;
   float: left;
   width:180px;
   padding: 4px 7px;
        border:1px solid #fff;
   font: normal 100%;
   color:#422108;
}

#searchsubmit {
   margin-right:25px;
   float: right;
   margin-top: 0px;
   background:#580325;
   border: none;
   font: bold 100% ;
   color: #fff;
   height:25px;
   line-height:24px
}

/*-------------------WRAPPER-----------------*/
#outer-wrapper {
   width: 860px;
   margin: 0 auto 0;
   padding: 10px 0 0;
   line-height: 18px;
}

#main-wrapper {
   float: left;
   width: 540px;
   margin: 0;
   padding: 0 0 20px;
}


#sidebar-wrapper {
        float: right;
   width: 300px;
        margin:0px 10px 5px 0px;
}


#midsidebar-wrapper {
        float: right;
   width: 320px;
   padding: 0;
}

#lsidebar {
   float: left;
   width: 140px;
   padding: 0px  10px;
   display: inline;
}
#rsidebar {
   float: right;
   width: 130px;
   padding: 0px  10px 0px 0px;
   display: inline;
}

/*-----------------POST---------------*/
.date-header {
   margin: 1.5em 0 .5em;
   display: none;
}
.post {
   float: left;
   width: 500px;
   margin: 0 0 10px;
   padding: 0px 10px;

}
.post h3 {
   color: #e82c81;
   font-size: 22px;
   font-weight: normal;
   margin: 0 0 5px;
   padding: 0px 10px 10px 0px;
        border-bottom:1px dashed #753d48;
}
.post h3 a, #content h1 a:visited {
   color: #e82c81;
   font-size: 22px;
   font-weight: normal;
   margin: 20px 0 5px;
   padding: 0px 10px 10px 0px;
}
.post h3 a:hover {
   color: #ff92c3;
   text-decoration: none;
}
.post-body {
   margin: 1em 0 .75em;
   line-height: 1.6em;
}
.post-body blockquote {
   line-height: 1em;
}
.comment-link {
   margin-left: .6em;
}
.post img {
   padding: 10px;
}
.post blockquote {
   margin: 10px;
   padding: 0px 10px 0px 15px;
        color:#e82c81;
        border-left:3px solid #753d48;

}
.post blockquote p {
   margin: 0;
   padding: 0 0 0px;
}

/*------------------COMMENTS-------------------*/
.comments {
   background: #FFF;
   float: left;
   width: 500px;
   margin: 0 0 10px;
   padding: 10px;
}
#comments h4 {
   color: #e82c81;
   font-size: 22px;
   font-weight: normal;
   margin: 0 0 20px;
   padding: 10px 0 0;
}
#comments-block {
   width: 500px;
   float: left;
   padding: 0;
   margin: 0;
}
#comments-block .comment-author {
        border-top: 0.5px solid #753d48;
   margin: 1em 0;
   font-weight: bold;
        padding-top:10px;
}
#comments-block .comment-body {
   margin: .25em 0 10px;
   padding-left: 20px;
}
#comments-block .comment-footer {
   margin: -.25em 0 2em;
   line-height: 1.4em;
   text-transform: uppercase;
   letter-spacing: .1em;

}
#comments-block .comment-body p {
   margin: 0 0 .75em;
}
.deleted-comment {
   font-style: italic;
   color: gray;
}

#blog-pager-newer-link {
   float: left;

}
#blog-pager-older-link {
   float: right;
        
}
#blog-pager {
   text-align: center;
}
.feed-links {
   clear: both;
   line-height: 2.5em;
        display:none;
}

/*---------------------WIDGET-------------------*/
.sidebar {
   color: #666;
   line-height: 1.5em;
}
.sidebar h2, .rsidebar h2, .lsidebar h2 {
   background: #753d48 ;
   color: #fff;
   font: 14px;
   font-weight: normal;
   margin: 0px 0px 10px 0px;
   padding: 10px;
}
#sidebar p {
   margin: 0;
   padding: 0 0 0 45px;
}
#sidebar a img {
   border: none;
   margin: 0;
   padding: 0;
}
.sidebar ul, .rsidebar ul, .lsidebar ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.sidebar ul li, .rsidebar ul li, .lsidebar ul li {
   list-style-type: none;
   margin: 0 0 5px;
        border-bottom: 1px dashed #DAEBCA;

}
.sidebar .widget {
   background: #FFF;
   float: right;
   width: 300px;
   margin:0;
   padding:10px;

}
.sidebar .widget, .main .widget {
   margin: 0 0 1.5em;
   padding: 0 0 1.5em;
}

.main .Blog {
   border-bottom-width: 0;
}
/* -------------FOOTER------------------- */
#Footer{
        background:#753d48;
   width: 900px;
   height: 40px;
   font-size: 12px;
        font-variant:small-caps;
   color: #FFF;
   font-weight: bold;
   margin: 0;
   padding: 0;
}
/* -----   LOWER SECTION   ----- */

#lower-wrapper {
       margin:4px 0px 0px 0px;
       padding: 116px 0px 20px 0px;
       width: 100%;
       background: #753d48 url(http://2.bp.blogspot.com/_6pbSFKC8YH4/SbSs5bVauLI/AAAAAAAAAXY/jVJBsbcWv2g/s1600/bottom.png) no-repeat top;
       color:#fff;
}

#lowerbar-wrapper {
       float: left;
       margin: 0px 0px 0px 0px;
       padding: 10px 0px 0px 0px;
       width: 33%;
       text-align: left;
       font-size:100%;
       line-height: 1.6em;
       word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
       overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


       .lowerbar {margin: 0; padding: 0;}
       .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}


.lowerbar h2 {
       margin: 0px 0px 10px 0px;
       padding: 3px 0px 3px 0px;
       text-align: left;
       color:#a55765;
       font-size:80%
       border-bottom: 2px solid #b8d5ef;
}

.lowerbar ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;
}

.lowerbar li {
      margin: 0px 0px 2px 0px;
      padding: 0px 0px 1px 0px;
      border-bottom: 1px dotted #EE80B6;
}

.lowerbar a {color: #580325; text-decoration: none;}
.lowerbar a:hover {text-decoration: underline; color: #EE80B6;}
.lowerbar a:visited {text-decoration: none; color: #580325;}

/*-----------CREDIT FOOTER--------------------*/
#credits {
   background:#580325;
   width: 880px;
   margin: 0;
        padding:10px;
   text-align: center;
}
#credits p {
   color: #fff;
   font-size: 11px;
   margin: 0;
   padding: 9px 0 0;
}
#credits a, #footer a:visited {
   color: #753d48;
   text-decoration: none;
}
#credits a:hover {
   color: #aa0044;
   text-decoration: underline;
}


]]></b:skin>
  </head>

<body>
  <div id='wrap'>
<div id='header'>

   <div class='headerleft'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header2' locked='true' title='Beautiful Girls Accessories (cabecera)' type='Header'/>
</b:section>
   </div>
   
   <div class='headerright'>
        </div>

</div>

<div id='NavbarMenu'>
       <div id='NavbarMenuleft'>
      <ul id='nav'>
       <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
   <li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
   <li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
   <li><a href='#'>Edit</a></li>
      </ul>
    </div>

    <div id='NavbarMenuright'>
      <div id='search'>
  <form action='/search' id='searchform' method='get'>
    <input id='s' name='q' type='text' value=''/>
    <input id='searchsubmit' type='submit' value='Search'/>
  </form>
</div>
    </div>
  </div>

<div style='clear:both;'/>
  <div id='outer-wrapper'><div id='wrap2'>
    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>


      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog2' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
      </div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' showaddelement='yes'>
<b:widget id='Profile2' locked='false' title='About Me' type='Profile'/>
<b:widget id='Text1' locked='false' title='PARA PEDIDOS' type='Text'/>
</b:section>
      </div>

<div id='midsidebar-wrapper'>
<b:section class='lsidebar' id='lsidebar' preferred='yes'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
<b:widget id='HTML2' locked='false' title='Visitors Counter' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Suscríbete ´Vía e-mail' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='HTML3' locked='false' title='Feedjit' type='HTML'/>
</b:section>


<b:section class='rsidebar' id='rsidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
</b:section>

</div>

    
      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'> </div>

    </div> <!-- end content-wrapper -->

    </div></div><!-- end outer-wrapper -->

<div id='lower-wrapper'>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'/>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'/>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'/>
</div>

<div style='clear: both;'/>


</div> <!-- end lower-wrapper -->
<div id='credits'>

   <p><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> Copyright  2011<b> Shoppaholic</b> Designed by <a href='http://ipietoon.blogspot.com'>Ipiet Templates</a> Image by <a href='http://cebong.com'>Tadpole's Notez</a></p>

</div>

</div>
</body>
</html>
                


Mil gracias por su ayuda.

Por ashleymz

13 de clabLevel



 

msie8
Citar            
MensajeEscrito el 15 Feb 2011 09:28 pm
Problema solucionado.

Por ashleymz

13 de clabLevel



 

msie8

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.