Gadget bienvenida 1

 

Hooooooooooy sigo publicando tutoriales empolvados que tenía en borradores, sin duda alguna ya no los recordaba, realmente, es bueno volver. Hoy traigo un simple y bonito diseño para tu gadget de bienvenida.

En plantillas clásicas buscan </style> y pegan el siguiente código:

En plantillas actualizadas

Plantilla >> Editar HTML

buscamos ]]></b:skin> y arriba pegamos el siguiente código:

.base1 {font-family:"rochester";font-size:15px;color: #949494;text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff;width:150px; padding: 11px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNZP3soM5i0gBzbzt8BPfnNsl4tQfqKqw1dOJwUVCfkuWv-bYMJ5Utrw15n50JTDNH9hndzTMu6_FxFyC7jlm5Eyizrf75ebV6s4JdbXe4_rdYctznjz5HKJp-W4NBpetFUkOrht49eWSx/s1600/F4BrK.png); z-index: 100; text-align: justify; border-radius: 7px; -ms-border-radius: 7px; -moz-border-radius: 7px;
-webkit-border-radius: 7px; -khtml-border-radius: 7px;}
.damn {margin: 0 auto; width: 0; height: 0; margin-top:-10px;border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #e5f4e3;}
.title{font-family:"rochester";font-size:20px;color: #fff;text-shadow: 0 0 0.2em #a9cba4, 0 0 0.2em #a9cba4;} 

Lueeeeeego con un gadget html pegamos este código, ¡Sean libres de editar a su gusto!

<Center><div class="title">Welcome!</div><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdiPYoVF-ulwQ5R7NlIY7MHip61LR-UGO6ffODQaTybdC1qEES9y-uPxwDtLiZLTcs-1MNpZhszdtKNlj8J8oM0AxsCTHh88zp09F_p7vcFHIFaPf2JGT6JOTAbGbEofrVHirbEb_nfYFg/s1600/icc+%25284%2529.png" style="width:100px; opacity:.50;border:5px double #bababa;
 -moz-border-radius:0px 100px 100px 100px;
border-radius:100px 100px 100px 100px;
width:100px;
height:100px;"><br><br><div class="damn"></div>
<div class="base1">Here your happy welcome text.
</div></center>