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.
- Tamano del texto
- Estilo de encabezado de texto
- Negrita
- Itálico
- Subrayar
- Tachado
- Color de texto
- Marcador de texto
- 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">Cambie los detalles con su propio texto.
<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>
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">Cambie los detalles con su propio texto.
<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>
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">Cambie los detalles con su propio texto.
<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>
Caja de código
<pre> función generate () {Cambie los detalles con su propio texto.
var a = $ ('# contenedor'). html ();
var b = ventana.open ('', '', 'ancho = 600, alto = 400');
b.document.write ('& lt; textarea & gt;' + a + '& lt; / textarea & gt;');
} </pre>
Formulario de comentarios
<div class = "contact-form">Cambie los detalles con su propio texto.
<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>
Comentarios
Publicar un comentario