I am looking for some resizeable themes for my blogger but I couldnt find any most of them either had a xml error or had images missing can someone help me find a cool resizeable theme, and how do I add the read more expandable post option in blogger the css one doesnt work for me. they say to post some code after footer i dont know where to place the code. Please help me
To resize your theme: http://beginner-blogger-basics.blogspot.com/2008/03/how-to-change-width-of-blogger-blogs.html For read more link: http://www.eblogtemplates.com/how-to-add-the-blogger-read-more-expandable-posts-link/
Although I never prefer or use blogger for my sites, but I like the templates collection of bloggerbuster.com and the different mods etc. although I never tried those. You might find your required template in bloggerbuster.com
this is my layout code can someone please tell me how to add the read more and expandable code, I cant understand xml at all <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* ----------------------------------------------- Name: Serenity Designer: se7en URL: [url]www.blogsgonewild.net[/url] Type: Free Blogger XML Skin ----------------------------------------------- */ #navbar-iframe { /* this section hides the nav bar */ height: 0px; visibility: hidden; display: none; } body { background:#70aada; margin:0; color:#333; font:85%/.9em Arial, Verdana, Sans-serif; text-align: center; } a:link { color:#333; text-decoration:none; } a:visited { color:#333; text-decoration:none; } a:hover { color:#999; text-decoration:underline; } a img { border-width:0; } #main-wrapper .post-body a:link { color:#333; text-decoration:underline; } #main-wrapper .post-body a:visited { color:#333; text-decoration:underline; } #main-wrapper .post-body a:hover { color:#888; text-decoration:underline; } /* Header ----------------------------------------------- */ #header-wrapper { background:url("http://img82.imageshack.us/img82/9182/serenityheading2xn9.jpg") no-repeat; width:770px; height:265px; margin:0 auto; text-align:left; } #header { margin:0; padding:0 15px 0 15px; text-align: left; } #header h1 { margin:0; padding:218px 0 0; font-size: 120%; font-weight:bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; font-style:italic; color:#fff; } #header a { color:#fff; text-decoration:none; } #header a:hover { color:#ccc; text-decoration:underline; } .descriptionwrapper { margin:0; padding:5px 20px; font: 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; text-transform:uppercase; font-style:italic; letter-spacing:.1em; line-height: 1.4em; text-align:left; color: #559425; display:none; } .descriptionwrapper p { margin:0; padding:0; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { background:url("http://img83.imageshack.us/img83/4232/serenitybody2am1.jpg"); background-repeat: repeat-y; width: 770px; margin:0 auto; padding:0; text-align:left; } #main-wrapper { width: 470px; float: right; margin:0; padding-right:35px; color:#333; word-wrap: break-word; overflow: hidden; } #sidebar-wrapper { width: 200px; float: left; margin:0; padding-left:22px; word-wrap: break-word; overflow: hidden; } .clear { height:0px; margin:0; padding:0; clear:both; } /* Headings ----------------------------------------------- */ #footer h2, #sidebar-wrapper h2 { background:#559425; margin:1.5em 0 .75em; padding:2px 5px; font-size:12px; font-family: Verdana, Arial, Serif; line-height:1.4em font-weight:bold; text-transform:uppercase; color:#FFF; } #main-wrapper h2 { margin:0; padding:0; font-size:78%; font-weight:normal; color:#559425; background:none; } /* Posts ----------------------------------------------- */ .post { margin:.5em 0 .5em; padding-bottom:1em; } #main .post h3 { margin:0; padding:0 0 5px 0; font-family: Verdana, Arial, Serif; font-size:18px; font-weight:bold; line-height:1.4em; color:#559425; } #main .post h3 a, .post h3 a:visited, .post h3 strong { display:block; font-family: Verdana, Arial, Serif; font-size:18px; text-decoration:none; color:#559425; font-weight:bold; } #main .post h3 strong, .post h3 a:hover { color:#333; text-decoration:underline; } .post p, .post-body { margin:0 0 .75em; line-height:1.3em; } .post-footer { margin: .75em 0; color:#777; text-transform:uppercase; letter-spacing:.1em; font: 78% "Trebuchet MS", Arial, Sans-serif; line-height: 1.4em; } .comment-link { margin-left:.6em; } .post-body a img, .post-body img { margin:8px; padding:1px; border:1px solid #ccc; } .post blockquote { margin:1em 20px; line-height:1.2em; } p.post-footer-line-3 { border-bottom:1px dashed #559425; margin:0 auto; padding:0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ #sidebar-wrapper ul { list-style-type:none; } #sidebar-wrapper p { padding-left:12px; } #sidebar-wrapper { line-height: 1.3em; } #sidebar-wrapper ul { list-style:none; margin:0 0 0; padding:0 0 0; } #sidebar-wrapper li { margin:0; padding:0 0 .25em 10px; text-indent:0; line-height:1.2em; } #sidebar-wrapper .widget, .main .widget { margin:0; padding:0; } .main .Blog { border-bottom-width: 0; } #ArchiveList { margin:0; padding-left:12px; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin: 0 5px 5px 0; padding: 2px; border: 1px solid #777; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; line-height: 1.3em; font-size:80%; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.3em; } /* Footer ----------------------------------------------- */ #footer-wrapper { background:url("http://img300.imageshack.us/img300/7875/serenityfooter2kx5.jpg") no-repeat; width:770px; height:25px; clear:both; margin:0 auto; padding:0; } #footer { margin:0 auto; padding-top:40px; } #lower-body { width:500px; margin:0 auto; padding:0; line-height: 1.3em; text-align: center; } #credits { margin:0; padding-left:12px; font-size:11px; } /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } ]]></b:skin> </head> <body> <div id='outer-wrapper' style='margin-top:10px;'><div id='wrap2'> <!-- skip links for text browsers --> <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='neeshu30 site for fun and joy (Header)' type='Header'/> </b:section> </div> <div id='content-wrapper'> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML3' locked='false' title='categories' type='HTML'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> <b:widget id='AdSense1' locked='false' title='' type='AdSense'/> <b:widget id='HTML1' locked='false' title='adbrite' type='HTML'/> <b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'/> <b:widget id='HTML2' locked='false' title='statcounter' type='HTML'/> </b:section> <h2>Subscribe</h2> <p> <a class='feed-link' href='/feeds/posts/default' target='_blank' type='application/atom+xml'><img src='http://i188.photobucket.com/albums/z203/freetemplates5/feed-white.jpg'/> RSS Feed (xml)</a> </p> <h2>Powered By</h2> <div id='credits'> <!-- Please Don't Remove Link Back, Thanks! --> Skin Design By: <br/> <a href='http://blogger-xml.blogspot.com' title='Free Blogger XML Skins'>Blogger XML Skins</a> </div> <p id='powered-by'><a href='http://www.blogger.com'><img alt='Powered by Blogger' src='http://buttons.blogger.com/bloggerbutton1.gif'/></a></p> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'>Â </div> <div id='lower-body'> <b:section class='footer' id='footer'> <b:widget id='AdSense2' locked='false' title='' type='AdSense'/> </b:section> </div> </div> <!-- end content-wrapper --> <div class='clear'> </div> </div></div> <!-- end outer-wrapper --> <div id='footer-wrapper'> </div> <br/> </body> </html> HTML:
Hey try ourblogtemplates.com you need not edit anything, they have good templates and if you want any trick related to blogger try www.bloggerbuster.com you can find all the widgets, templates, how toedit, tutorials and everything.