Bueno hoy vamos a ver como mostrar códigos HTML en los post o entradas blogger primero vamos a incluir el estilo CSS en la planilla y luego la caja para Mostar el código en las entradas. Esto es muy útil si queremos hacer un Tutorial y necesitamos incluir códigos HTML en nuestra entrada, sigue los pasos A Continuación.
puedes recurrir a un sitio como simplebits en el cual sólo debes pegar el código que deseas mostrar, presionas procesar y te arrojará el código que debes pegar en el post. De este modo el post no reconocerá el código como un comando que debe traducir y lo mostrará tal cual sin interpretación.Cómo mostrar los códigos de HTML dentro de los post bloggerInsertar código HTML en un post
1.Ingresar a Blogger> Diseño> Edición de HTML
2: Buscar el siguiente código
]]></b:skin>
3. Justo antes pega el siguiente codigo CSS
.pre {
font-size: 11px;
margin : 15px 35px 15px 15px;
padding : 18px;
padding-left:35px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho7TZGs8EOML5xq2o8ugwGQ4n0JNcct52MCn_SUNpOah_nS3Y7EYMbhcityP3EAGtHCliT6-B0cxeEBTrzOkZNyNSkqwdtsbagHRxk496W9uPHjwZ8EluhMyqym58dLMkrtpo-bU4W6K0/s1600/pre-bg.gif) repeat-y left top;
}
.pre li {
line-height : 20px;
font-weight : normal;
margin : 0;
padding : 0;
}
4. Guardamos planilla
6.copia y pega el siguiente código dentro de tu entrada en la pestaña Edición de HTML
<div class="pre">
AQUI TU CODIGO HTML
</div>
2 comentarios:
Muy buen tutorial!
lo tendré en cuenta!
pasate por mi blog: peliuclasthm.blogspot.com
Saludos
ok... lo probaré
Publicar un comentario