No sé cómo funciona blogger ni qué te deja modificar, así que no sé si es posible lo que pides.
El fondo marrón de arriba es una imagen llamada header.png, indicada en el CSS:
/* HEADER */
#header-wrapper {
background: url(http://3.bp.blogspot.com/_Zuzii37VUO4/S3e88SRcB4I/AAAAAAAAEd8/gOP3fexQP2w/s1600/header.png) no-repeat center bottom;
padding: 30px 10px 110px;
position: relative;
}
El fondo amarillo más de lo mismo:
/* CONTENT WRAPPER - CONTENEDOR DEL CONTENIDO */
#content-wrapper {
background: url(http://1.bp.blogspot.com/_Zuzii37VUO4/S3e9gD43wKI/AAAAAAAAEeM/V6P8cQUPrIY/s1600/wrapper.png) center 5px;
width: 100%;
min-height: 600px;
overflow: hidden;
padding-top: 8px;
}
Y las rayas verticales grises y blancas también:
html {
background: #f5f4f4 url(http://1.bp.blogspot.com/_Zuzii37VUO4/S3e8JmNhUjI/AAAAAAAAEdk/gEoRQBre1ZY/s0/bg-stripe.png);
}
Repito, no sé cómo funciona blogger, si no te deja modificar el CSS no lo vas a poder cambiar.