Códigos cortos y marcas de página

 Códigos cortos y marcas de página

Casquillos


Acceda a las publicaciones de su blog> haga clic en Editar en cualquiera de sus publicaciones o agregue una nueva publicación. luego cambie al área HTML del editor de publicaciones y agregue la siguiente codificación en la primera letra.
<span class = "firstcharacter"> L </span>
Cambie "L" con su propio texto.

Tipografía


Acceda a las publicaciones de su blog> haga clic en Editar en cualquiera de sus publicaciones o agregue una nueva publicación. luego seleccione cualquier texto que desee personalizar y haga clic en las opciones disponibles encima de su editor de publicaciones. verifique la imagen de abajo para ver su preferencia.


Hay principalmente 9 opciones que puede utilizar para crear una tipografía de aspecto impresionante.

  1. Tamano del texto
  2. Estilo de encabezado de texto
  3. Negrita
  4. Itálico
  5. Subrayar
  6. Tachado
  7. Color de texto
  8. Marcador de texto
  9. Enlace

Mesas


Acceda a las publicaciones de su blog> haga clic en Editar en cualquiera de sus publicaciones o agregue una nueva publicación. luego cambie al área HTML del editor de publicaciones y agregue la siguiente codificación en cualquier lugar donde desee que aparezca la tabla.
<div class = "post-table">
<table>
    <thead>
<tr>
        <th> Nombre </th>
        <th> Apellido </th>
        <th> Título del héroe </th>
      </tr>
</thead>
    <tbody>
<tr>
        <td data-label = "Nombre"> Bruce </td>
        <td data-label = "Apellido"> Wayne </td>
        <td data-label = "Héroe Título "> Batman </td>
      </tr>
<tr>
        <td data-label =" Nombre "> Peter </td>
        <td data-label =" Apellido "> Parker </td>
        <td data-label = "Título del héroe"> Spiderman </td>
      </tr>
<tr>
        <td data-label = "Nombre"> Bruce </td>
        <td data-label = "Apellido"> Banner </td>
        <td data-label = "Título del héroe"> Hulk </td>
      </tr>
<tr>
        <td data-label = "Nombre" > Clark </td>
        <td data-label = "Apellido"> Kent </td>
        <td data-label = "Título de héroe"> Superman </td>
      </tr>
</tbody>
</table>
</div>
Cambie los detalles con su propio texto.

Blockquote


Acceda a las publicaciones de su blog> haga clic en Editar en cualquiera de sus publicaciones o agregue una nueva publicación. luego seleccione cualquier texto que desee personalizar y haga clic en la opción blockquote disponible encima de su editor de publicaciones. verifique la imagen de abajo para ver su preferencia.

Viñetas y listas


Acceda a las publicaciones de su blog> haga clic en Editar en cualquiera de sus publicaciones o agregue una nueva publicación. luego seleccione cualquier texto que desee personalizar y haga clic en la opción de viñetas y listas disponibles sobre su editor de publicaciones. verifique la imagen de abajo para ver su preferencia.

Botones


Acceda a las publicaciones de su blog> haga clic en Editar en cualquiera de sus publicaciones o agregue una nueva publicación. luego cambie al área HTML del editor de publicaciones y agregue la siguiente codificación en cualquier lugar donde desee que aparezca la tabla.

  • Botones simples

<div class = "small-button">
<a class="button small" href="https://www.blogger.com"> Botón pequeño </a>
<a class = "button medium" href = "https : //www.blogger.com "> Botón mediano </a>
<a class="button large" href="https://www.blogger.com"> Botón grande </a>
</div>

  • Botones con iconos

<div class = "small-button">
<a class="button small demo" href="https://www.blogger.com"> Botón de demostración </a>
<a class = "button medium demo" href = "https://www.blogger.com"> Botón de demostración </a>
<a class="button demo grande" href="https://www.blogger.com"> Botón de demostración </a>
                <br>
<div class = "clear">
</div>
<a class="button small download" href="https://www.blogger.com"> Botón de descarga </a>
<a class = "button medium download" href = "https://www.blogger.com"> Botón de descarga </a>
<a class = "botón de descarga grande" href = "https: // www.blogger.com "> Botón de descarga </a>
                <br>
<div class =" clear ">
</div>
<a class="button small buy" href="https://www.blogger.com"> Botón Comprar ahora </a>
<a class = "button medium buy" href = "https: //www.blogger. com "> Botón Comprar ahora </a>
<a class="button large buy" href="https://www.blogger.com"> Botón Comprar ahora </a>
                <br>
<div class =" clear " >
</div>
<a class="button small visit" href="https://www.blogger.com"> Visitar un botón de enlace </a>
<a class = "button medium visit" href = "https: //www.blogger.com"> Visitar un botón de vínculo </a>
<a class="button large visit" href="https://www.blogger.com"> Visitar un botón de vínculo </a>
</div>
Cambie los detalles con su propio texto.

Cajas de alerta


Acceda a las publicaciones de su blog> haga clic en Editar en cualquiera de sus publicaciones o agregue una nueva publicación. luego cambie al área HTML del editor de publicaciones y agregue la siguiente codificación en cualquier lugar donde desee que aparezcan los cuadros.
<div class = "alert-message success">
<i class = "fa fa-check-circle"> </i> mensaje de éxito Ha leído correctamente este mensaje importante. </div>
<div class = "alerta de mensaje de alerta ">
<i class =" fa fa-info-circle "> </i> Mensaje de alerta Esta alerta necesita su atención. </div>
<div class =" alert-message warning ">
<i class =" fa fa- exclamation-triangle "> </i> Mensaje de advertencia ¡Advertencia! Mejor verifíquese. </div>
<div class = "error de mensaje de alerta">
<i class = "fa fa-exclamation-circle"> </i> Mensaje de error ¡Oh, no! Cambia algunas cosas </div>
</div>
Cambie los detalles con su propio texto.

Caja de código


Acceda a las publicaciones de su blog> haga clic en Editar en cualquiera de sus publicaciones o agregue una nueva publicación. luego cambie al área HTML del editor de publicaciones y agregue la siguiente codificación en cualquier lugar donde desee que aparezca el cuadro de código.
<pre> función generate () {
    var a = $ ('# contenedor'). html ();
    var b = ventana.open ('', '', 'ancho = 600, alto = 400');
    b.document.write ('& lt; textarea & gt;' + a + '& lt; / textarea & gt;');
} </pre>
Cambie los detalles con su propio texto.

Formulario de comentarios


Acceda a sus publicaciones de blog o página estática> haga clic en Editar en cualquiera de sus publicaciones / página o agregue una nueva publicación / página. luego cambie al área HTML del editor de publicaciones y agregue la siguiente codificación en cualquier lugar donde desee que aparezca el formulario de contacto.
<div class = "contact-form">
<div class = "contact section" id = "contact" style = "display: block;">
<div class = "widget ContactForm" id = "ContactForm1">
<div class = "contact-form-widget">
<div class = "form">
<form name = "contact-form">
<input class = "contact-form-name" id = "ContactForm1_contact-form-name" name = "name "placeholder =" Name "size =" 30 "type =" text "value =" "/>
                                <input class =" contact-form-email "id =" ContactForm1_contact-form-email "name =" email "placeholder =" Correo electrónico "size =" 30 "type ="text "value =" "/>
                                <textarea class =" contact-form-email-message "cols =" 25 "id =" ContactForm1_contact-form-email-message "name =" email-message "placeholder =" Mensaje "filas = "5"> </textarea>
                                <input class = "contact-form-button contact-form-button-submit" id = "ContactForm1_contact-form-submit" type = "button" value = "Send" />
                                <br />
<div style = "text- align: center; width: 100%; ">
<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>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
Cambie los detalles con su propio texto.

Comentarios

Entradas más populares de este blog

Variables Javascript

Botones

Texto parpadeante