Cómo agregar texto ficticio en Blogger?
Paso 1 : Inicie sesión en su panel de control de Blogger.Paso 2 : A continuación, vaya a Tema y haga clic en Editar HTML.
Paso 3 : Buscar ]]</b:skin> en el código de la plantilla de Blogger.
Paso 4 :Para buscar codigos: haga clic en cualquier lugar dentro del área del código HTML y presione la tecla Ctrl + F.
Paso 5 :Copie uno de los dos codigos CSS de abajo y simplemente péguelo justo arriba ]]</b:skin>.
Estilo: 1
Ver Demo
.dummy-text{display:block}
.dummy-text i{display:block;height:16px;margin-bottom:8px;background:#f2f1f7;border-radius:2px;}
.dummy-text i.img{margin:0 auto;max-width:85%;height:180px;border-radius:10px}
.dummy-header{position:relative;background:#fff;border-radius:6px;padding:15px 15px;box-shadow:0 2px 4px 0 rgba(0,0,0,.05)}
.dummy-header .flex{display:flex;display:-webkit-flex}
.dummy-header .flex i{width:60px;margin:0 10px 0 0}
.dummy-header .flex i:last-child{margin:0}
Codigo HTML para poner en el post:
<p class="dummy-text"> <i style="margin-left: 10%;"></i> <i></i> <i></i> <i></i> <i></i> <i style="width: 30%;"></i> </p> <p class="dummy-text"> <i style="margin-left: 10%;"></i> <i></i> <i></i> <i></i> <i></i> <i style="width: 30%;"></i> </p> <p class="dummy-text"> <i style="margin-left: 10%;"></i> <i></i> <i></i> <i></i> <i></i> <i style="width: 30%;"></i> </p>
Estilo: 2
Ver Demo
.dummyText i{display:block;background-color:rgba(0,0,0,.05);margin-bottom:10px;height:1.5em}
.dummyText i.img{height:auto;min-height:200px;margin:2rem 10%}
Codigo HTML para poner en el post:
<p class="dummyText"> <i style="margin-left: 10%;"></i> <i></i> <i></i> <i></i> <i></i> <i style="width: 30%;"></i> </p> <p class="dummyText"> <i style="margin-left: 10%;"></i> <i></i> <i></i> <i></i> <i></i> <i style="width: 30%;"></i> </p> <p class="dummyText"> <i style="margin-left: 10%;"></i> <i></i> <i></i> <i></i> <i></i> <i style="width: 30%;"></i> </p>
Estilo: 3
Ver Demo
.dummyText i{display:block;background-color:rgba(0,0,0,.05);margin-bottom:10px;height:1.5em} .dummyText i.img{height:auto;min-height:200px;margin:2rem 10%}
.dummyHeader{display:flex;background-color:#fefefe;padding:15px;align-items:center;position:relative}.dummyHeader .dummyText i{margin:0 10px 0 0;width:60px}.dummyHeader .dummyText{display:flex;margin:0}
Codigo HTML para poner en el post:
<p class="dummyText"> <i style="margin-left: 10%;"></i> <i></i> <i></i> <i></i> <i></i> <i style="width: 30%;"></i> <i class="img"></i> <i style="margin-left: 10%;"></i> <i></i> <i></i> <i></i> <i></i> <i style="width: 30%;"></i> </p>Despues de elejir alguno de los estilos de texto ficticio simplemente peguen el HTML correspondiente en el post. Normalmente este texto se usa para hscer demos de elementos web,widgets,gadgets ect.
I will display 😜
😀 😄 😍 💗😄
| Demo | tinyurl.com/y4gev3s4 |
|---|