hSomeone must know how to make a blog thats is widen like this

Discussion in 'HTML & Website Design' started by aljurians, Mar 21, 2010.

  1. #1
    aljurians, Mar 21, 2010 IP
  2. jewels1

    jewels1 Active Member

    Messages:
    118
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    53
    #2
    I didn't really understand how you want it to look like
     
    jewels1, Mar 21, 2010 IP
  3. aljurians

    aljurians Member

    Messages:
    301
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    35
    #3
    aljurians, Mar 21, 2010 IP
  4. HellBomb

    HellBomb Active Member

    Messages:
    125
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    80
    #4
    Do you mean how it is stretched 100%?
     
    HellBomb, Mar 21, 2010 IP
  5. aljurians

    aljurians Member

    Messages:
    301
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    35
    #5
    yes it is so widen without sidebars in the right ..

    now it is very easy to understand for visitors..please tell me how to do that,..
     
    aljurians, Mar 22, 2010 IP
  6. aljurians

    aljurians Member

    Messages:
    301
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    35
    #6
    i want a website or blog without sidebars and etc.i just want plain white how can i do it with blogger?

    i want it in blogger please tell me how any experts here please
     
    aljurians, Mar 22, 2010 IP
  7. asad1912

    asad1912 Greenhorn

    Messages:
    86
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    18
    #7
    well there is a blogger template known as nexus 5
    it doesnt have any sidebars
    here u go:
    http://www.allblogtools.com/blogger-templates/1-column/nexus-5/
    Code (markup):
    it is my favorite in single column

    but if you want a wide range
    the check this out:
    
    http://btemplates.com/blogger-templates/1-column/
    
    Code (markup):
    OR
    
    http://www.bloggerblogtemplates.com/2008/03/single-column-blogger-templates.html
    
    Code (markup):
     
    asad1912, Mar 22, 2010 IP
  8. aljurians

    aljurians Member

    Messages:
    301
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    35
    #8
    hey thanks for all this sites all of them are helpful but I cant really find the same as his blog
    http://moneyfreefast.blogspot.com/search?updated-max=2009-02-10T18:49:00+05:00&max-results=7

    by the way really thanks for those sites
     
    aljurians, Mar 22, 2010 IP
  9. DamonJ

    DamonJ Member

    Messages:
    106
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    33
    #9
    What you need to do is to change the header wrapper to 1000 or 1100. that should be about the same width.

    select minima as your template. go to layout and click on edit html

    you need to scroll down the code until you find this:

    /* Header
    -----------------------------------------------
    */
    
    #header-wrapper {
    width:660px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }
    Code (markup):
    see where it says: width:660px

    Change it to 1000 or 1100

    now do the same here where it says 700px:

    #header .description {
    margin:0 5px 5px;
    padding:0 20px 15px;
    max-width:700px;
    text-transform:uppercase;
    letter-spacing:.2em;
    line-height: 1.4em;
    font: $descriptionfont;
    color: $descriptioncolor;
    Code (markup):
    again here:

    #outer-wrapper {
    width: 660px;
    margin:0 auto;
    padding:10px;
    text-align:$startSide;
    font: $bodyfont;
    Code (markup):
    and here:

    #main-wrapper {
    width: 410px;
    float: $startSide;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    Code (markup):
    here you need to change the side bar wrapper to 0px:

    #sidebar-wrapper {
    width: 220px;
    float: $endSide;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    Code (markup):
    that should do it. If not, PM me.

    Damon
     
    DamonJ, Apr 4, 2010 IP
  10. aljurians

    aljurians Member

    Messages:
    301
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    35
    #10
    ok thanks ill try it to my blog ill pm you again if something happens..really thanks for guiding me
     
    aljurians, Apr 4, 2010 IP