To get this layout copy and paste this code into custom header:

<img src="http://i22.photobucket.com/albums/b306/543209/conformed.jpg" alt="Romans 12:2"> <br><a href="http://www.xanga.com/lavalayouts/" target="_new">LavaLayouts</a> <style type="text/css"> /* POTO 1 Stylesheet */ /* * */ /* http://BlogRing.Net */ body { background-color:black; background-image: url(http://www.aurealsys.com/~manuel/tree.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom left; scrollbar-arrow-color:black; scrollbar-track-color:black; scrollbar-shadow-color:white; scrollbar-face-color:red; scrollbar-highlight-color:black; scrollbar-darkshadow-color:black; scrollbar-3dlight-color:black; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 10px century gothic; line-height:10px; color:white; letter-spacing:0px; text-align:justify; } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; } div.blogheader, .caption { /* edits the dates */ font-family:monotype corsiva; text-transform:normal; font-size:18px; line-height:10px; font-weight:normal; color:red; letter-spacing:0px; background-color: black; text-align: center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:red; text-decoration:none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:white; text-decoration: itallic; } a:hover { /* edits when user mouseovers the links */ color:black; cursor: ne-resize; text-decoration: bold; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border:none; font:normal 11px century gothic; background-color: transparent; letter-spacing:0px; color: white; } table.left { /* this edits the menu module */ border: none; width:160px; background-color:transparent; } table.blogbody { /* this edits the other the place where the blog is */ border:none; background-color: transparent; width:400px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image:none; background-color:transparent; font: bold 11px century gothic; text-transform:none; color:white; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: none; background-color: transparent; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: transparent; border: 1px solid red; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid red; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: none; } </style>

For just the banner, copy and paste this where you want it:

<img src="http://i22.photobucket.com/albums/b306/543209/conformed.jpg" alt="Romans 12:2">