miércoles, 18 de marzo de 2015

Quitar Con la tecnología de Blogger

Para quitar de una plantilla de Blogger la referencia del pie "Con la tecnología de Blogger" deberemos quitar el gadget Reconocimiento o Attribution (dependiendo del lenguaje lo ponen de una u otra manera) situado en el apartado de diseño.



El problema es que por defecto no nos aparece el botón eliminar.



Para que nos aparezca el botón y podamos eliminarlo vamos a editar el código html de la plantilla en el apartado de Plantilla->Editar HTML


En el código que nos aparece tenemos que localizar la sección correspondiente al apartado de Attribution, para ello lo más cómodo es seleccionarlo en la pestaña "Ir al widget" y seleccionar Attribution1 (puede aparecer como Attribution, Attribution1, Attribution2,...etc. ) aunque también podemos buscar la palabra Attribution con un crt+F sobre el código.






Tras esto nos llevará directamente a la sección del código que nos compete. Este tendrá la siguiente apariencia:

      <b:section class='foot' id='footer-3' showaddelement='no'>
        <b:widget id='Attribution1' locked='true' title='' type='Attribution'>...</b:widget>
      </b:section>

Tendremos que cambiar el valor locked='true' por locked='false' y showaddelement='no' por  showaddelement='yes' quedando de la siguiente manera:

      <b:section class='foot' id='footer-3' showaddelement='yes'>
        <b:widget id='Attribution1' locked='false' title='' type='Attribution'>...</b:widget>
      </b:section>

Tras esto pinchamos en el botón "guardar plantilla" (está al lado del de "Ir al widget").

Una vez guardado volvemos a la sección diseño y al editar el gadget Reconocimiento nos aparecerá el botón eliminar. Pinchamos en eliminar y después en "Guardar disposición" para hacerlo permanente y ya no nos aparecerá la frase de "Con la tecnología de Blogger"



Con este artículo no pretendo entrar en temas éticos/morales sobre su uso.

Crear formulario contacto en blogger

Para añadir un formulario de contacto en una página estática sin utilizar ningún servicio externo en Blogger solo tenemos que realizar los siguientes pasos:

1- Desde la sección de diseño añadimos el gadget "Formulario de contacto" y le ponemos el nombre que queramos.

Esto provocará que nos aparezca el formulario en el apartado de nuestro blog donde lo hayamos agregado (en mi caso en el lateral derecho). Al querer añadirlo en una página estática lo tendremos que eliminar de aquí.



2-Accedemos a editar el HTML de la plantilla para quitar todo el código del formulario. De esta manera ya no aparecerá donde actualmente aparece.


3- En el código que nos aparece tenemos que localizar la sección correspondiente al apartado de ContactForm, para ello lo más cómodo es seleccionarlo en la pestaña "Ir al widget" y seleccionar ContactForm1 (puede aparecer como ContactForm, ContactForm1, ContactForm2,...etc. ) aunque también podemos buscar la palabra ContactFormcon un crt+F sobre el código.



4- Desplegamos el código primero pinchando en el triangulo negro y después en los "..."



5- Tras desplegarlo veremos un código similar a este:

  <b:widget id='ContactForm1' locked='false' title='Formulario de contacto' type='ContactForm'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>

</b:includable>
  </b:widget>


Deberemos quitar todo lo que marco en color morado, quedando solo lo siguiente:

  <b:widget id='ContactForm1' locked='false' title='Formulario de contacto' type='ContactForm'>
    <b:includable id='main'>
    </b:includable>
  </b:widget>


Tras esto ya no tendremos visible el widget "formulario de contacto" en nuestro blog. Ahora solo queda crear una página nueva, editarla en html y añadir lo siguiente:

<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
Nombre<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
            <br />
Correo electrónico <span style="color: red;">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
            <br />
Mensaje <span style="color: red;">*</span><br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5">  </textarea>
            <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Enviar" />
            <br />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</form>
</div>
</div>
</div>



Con este código tendremos una página de contacto de este estilo:


Para cambiar el estilo os recomiendo que visitéis los diseños que nos proponen desde ciudadblogger

lunes, 16 de marzo de 2015

Su HTML no es aceptable: La etiqueta no está cerrada.: SPAN

Sé que algunos pensaréis que esto es absolutamente básico pero Blogger lo utiliza mucha gente cuyos conocimientos tecnológicos son amateurs y si se encuentran este problema es posible que no sepan por dónde van los tiros (no en vano este post viene a raíz de una pregunta que me hizo un amigo esta semana).
Cuando editamos en blogger una página en html y la sintaxis del código que hemos puesto no es correcta porque falta el cierre de una etiqueta, al guardarlo o al publicarlo nos dará un error del estilo "Su HTML no es aceptable: La etiqueta no está cerrada.: <Nombre de la etiqueta con error>".

Por ejemplo en el código que pongo a continuación faltaría un ">" que cierre la etiqueta de span y por lo tanto dará el error "Su HTML no es aceptable: La etiqueta no está cerrada.: SPAN":

                     <p>Correo electrónico <span style="color: #F00"*</p>

Para solucionar este caso basta con cerrar la etiqueta con ">" después de #F00" y en general cuando os de este tipo de errores tendréis que revisar el código para ver dónde está el problema.



miércoles, 4 de marzo de 2015

Conocer service tag de un servidor

No hace mucho, en el trabajo, solicité los service tag de unos servidores sobre los que íbamos a montar Vspere para comprobar que el hardware de los servidores estaba 100% soportado. Cual fue mi sorpresa cuando el técnico me indicó que eso iba a llevar mucho tiempo en desmontarlos todos y mirarlos porque al estar "enrackados" no se podía acceder visualmente a la pegatina donde viene toda esa información.
En general, para todos los linux, tenemos el comando dmidecode que nos facilita información relativa al hardware (service tag, serial number,...etc). Pongo un par de ejemplos de uso "clásico" para sacar toda la información del servidor y solo el service tag. El comando  dmidecode tiene que ser lanzado como root:

[root@102 ~]#  dmidecode | grep "^System Information" -A8
System Information
        Manufacturer: Dell Inc.
        Product Name: PowerEdge R720
        Version: Not Specified
        Serial Number: F5XXXXX
        UUID: 4C4C4544-XXXX-XXXX-XXXX-XXXXXXXXXXXX
        Wake-up Type: Power Switch
        SKU Number: SKU=NotProvided;ModelName=PowerEdge R720
        Family: Not Specified
 
 
root@161:~# dmidecode -s system-serial-number 
6B7XXXX