Help Banner trên Blogspot !!!!

Thảo luận trong 'Lập Trình Web' bắt đầu bởi Terry_89, 22/1/07.

  1. Terry_89

    Terry_89 Mr & Ms Pac-Man

    Tham gia ngày:
    7/6/04
    Bài viết:
    132
    Nơi ở:
    Celestial Being
    Có bác nào chỉ mình cách up banner lên Blogspot với mò quài chẳng ra :((
     
  2. nekoyuki

    nekoyuki Dragon Quest

    Tham gia ngày:
    10/4/06
    Bài viết:
    1,480
    Nơi ở:
    Âm ti địa ngục
  3. o0o Agumon o0o

    o0o Agumon o0o Donkey Kong

    Tham gia ngày:
    11/6/05
    Bài viết:
    351
    Cái trang của chị neko em dùng Firefox xem không được gì hết, cái giao diện nhìn chóng mặt quá 8-} . Phải chuyển qua IE mới xem được :D
    Banner là cái chứa cái Header của Blog à? Hay là cái gì khác? Giải thích cụ thể thêm 1 chút đi /:)
     
  4. Terry_89

    Terry_89 Mr & Ms Pac-Man

    Tham gia ngày:
    7/6/04
    Bài viết:
    132
    Nơi ở:
    Celestial Being
    Cool.... cái blog của nekoyuki tuyệt wa chỉ mình làm cái banner trên Header đó rồi sẵn tiện chỉ mình cách add thêm cái auto play music giống bạn luôn đc không hì hì :D
    <br>
    ___________________________
    <br>
    ah còn cái background nữa hix tuyệt vời wa chỉ mình với chỉ mình với

    chị Neko tài quá cho em xin nick yahoo để học hỏi đc kô hì hì :D
     
  5. nekoyuki

    nekoyuki Dragon Quest

    Tham gia ngày:
    10/4/06
    Bài viết:
    1,480
    Nơi ở:
    Âm ti địa ngục
    Vào Customize -> Edit HTML kím đoạn .
    Về phần hàng " Welcome my blog "
    Vào Page Element => Add a Page Element => HTML /Javascript => dán nguyên đoạn Script vào ok , rùi kéo chỉnh sửa nó mà thui . Thích thêm đoạn nào cứ làm tương tự ở Page Element .
    Code nhạc bỏ vào HTML/Javascript .
    Code " Welcome My Blog"
    YM! Neko_Hanayuki
     
  6. word life

    word life Dragon Quest

    Tham gia ngày:
    21/3/05
    Bài viết:
    1,371
    Nơi ở:
    Uzabekistang
    muốn bỏ cái Title chỗ này nè .. mà hông biết bỏ làm sao ::(

    [​IMG]
     
  7. o0o Agumon o0o

    o0o Agumon o0o Donkey Kong

    Tham gia ngày:
    11/6/05
    Bài viết:
    351
    Title là tiêu đề blog của bạn à? Vào Setting sửa lại cái title là xong :|
    Còn nếu là banner thì vào template chỉnh sửa ở 2 cái này:
    Mã:
    #header-wrapper {
      background:#771100 url("http://www.blogblog.com/rounders2/corners_cap_top.gif") no-repeat left top;
      margin:22px 0 0 0;
      padding:8px 0 0 0;
      color:#ffffff;
      }
    #header {
      background:url("http://www.blogblog.com/rounders2/corners_cap_bot.gif") no-repeat left bottom;
      padding:0 15px 8px;
      }
    Quan trọng là cái header-wrapper vì thế nếu muốn thay cái banner của mình vào thì chỉ việc sửa lại thành:
    Mã:
    #header-wrapper {
      background:url("[url]đường dẫn đến banner của bạn[/url]") no-repeat left top;
      margin:22px 0 0 0;
      padding:8px 0 0 0;
      color:#ffffff;
      }
    #header {
      padding:0 15px 8px;
      }
     
  8. korangar

    korangar Mega Man

    Tham gia ngày:
    11/6/03
    Bài viết:
    3,122
  9. word life

    word life Dragon Quest

    Tham gia ngày:
    21/3/05
    Bài viết:
    1,371
    Nơi ở:
    Uzabekistang
    làm rồi vẫn bị dính cái title của cái banner >.<
    [​IMG]
     
  10. o0o Agumon o0o

    o0o Agumon o0o Donkey Kong

    Tham gia ngày:
    11/6/05
    Bài viết:
    351
    Biết chắc là bạn sẽ hỏi ngay câu này mà :)). 1 lần mình làm và cũng bị như vậy. Vì thế vào lại template tìm cái dòng:
    Mã:
        <div id='header-wrapper'>
          <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='My Blog (Header)' type='Header'/>
    </b:section>
        </div>
    và thay đoạn code sau
    Mã:
          <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='My Blog (Header)' type='Header'/>
    </b:section>
    thành:
    Mã:
    <div class='header section' id='header'><div class='widget Header'>
      <div class='titlewrapper'><h1 class='title'/></div>
      <div class='descriptionwrapper'><p class='description'><span/></p></div>
    </div></div>
    Nếu nó có hỏi có muốn xóa Header1 hay không thì chọn Confirm & Save. Vậy là xong.
     
  11. nekoyuki

    nekoyuki Dragon Quest

    Tham gia ngày:
    10/4/06
    Bài viết:
    1,480
    Nơi ở:
    Âm ti địa ngục
    Server busy and error đó . Hum wa ko vào dc . T_T . Mút dzụ mem vào hả ?
     
  12. word life

    word life Dragon Quest

    Tham gia ngày:
    21/3/05
    Bài viết:
    1,371
    Nơi ở:
    Uzabekistang
    ok làm đc rồi .. thx .. tính xin yahoo ông có gì hỏi mà thôi .. post lên đây cho có thêm bài viết nhể ;))
    à mà thôi cho tui yahoo của ông luôn đi . có gì gấp thì hỏi ;))

    edit. có cái hỏi tiếp đây :D
    tui post nhìu bài quá nên nó ra thế này ... bây giờ làm sao để mình post nhìu bài mà vẫn ko bị loạn xạ thế đc ko ?
    ko lẽ 1 thắng ko đc post quá 5 bài :-s

    [​IMG]
     
  13. o0o Agumon o0o

    o0o Agumon o0o Donkey Kong

    Tham gia ngày:
    11/6/05
    Bài viết:
    351
    nick yahoo của tui là: littlestar_aquarius
    Nếu có thắc mắc gì thì cứ hỏi.
    Cái của bạn hình như do bị lỗi template rồi. Nhớ xem lần cuối bạn chỉnh sửa có "đụng chạm" vào cái gì không? Nhất là trong cái style sheet.
    Nếu template của bạn chưa được chỉnh sửa nhiều lắm thì cứ vào pick new template rồi chọn lại cái template cũ, sao đó thêm vào cái banner xem còn bị không?
     
  14. word life

    word life Dragon Quest

    Tham gia ngày:
    21/3/05
    Bài viết:
    1,371
    Nơi ở:
    Uzabekistang
    sửa lại đc rồi .. thx ông nhìu :D
     
  15. word life

    word life Dragon Quest

    Tham gia ngày:
    21/3/05
    Bài viết:
    1,371
    Nơi ở:
    Uzabekistang
    ông xem cái hình trền dùm tui ... có cách nào cho cái body nó rộng ra ko ?
    tui xem code nhưng ko biết sửa chỗ nào mới đúng -.-'
    cái đang xài hẹp quá >.<
     
  16. o0o Agumon o0o

    o0o Agumon o0o Donkey Kong

    Tham gia ngày:
    11/6/05
    Bài viết:
    351
    Có lẽ hơi bị khó vì cái template đó sử dụng một số hình ảnh sẵn có với chiều rộng mặc định rồi. Ví dụ như mấy cái hình corner.
    Cho nên chỉ còn cách thay đổi những template nào mà không sử dụng nhiều hình ảnh thì tốt.
    Ví dụ như:
    [​IMG] [​IMG]
    [​IMG] [​IMG]
     
  17. word life

    word life Dragon Quest

    Tham gia ngày:
    21/3/05
    Bài viết:
    1,371
    Nơi ở:
    Uzabekistang
    1 cái blog post chỉ limit có 2 3 cái HTML/Java Script thôi sao ?
    tui post thêm nó ko hiện ra -.-'
    khổ quá .. thế này sao dám để quảng cáo nhìu đây ..
     
  18. Xenogear

    Xenogear The Last of Us

    Tham gia ngày:
    16/6/03
    Bài viết:
    22,838
    Nơi ở:
    Sealeap Zack
    www.mfgroup147.blogspot.com
    cái này làm cho nhóm :'>
    có ai biết cách nào làm biến mất cái khung 2 bên không +____+ để nó bé tí, chật hẹp chả nhét được nhiều vào ::(
     
  19. o0o Agumon o0o

    o0o Agumon o0o Donkey Kong

    Tham gia ngày:
    11/6/05
    Bài viết:
    351
    Là sao không hiểu? Mấy cái HTML/JavaScript Elements ấy à? Tui thấy add tới cả chục cái còn được mà ?
    Thử cách này nhé: Đầu tiên là vào mục Edit HTML, tìm cái body trong style sheet
    Mã:
    body {
      margin: 0;
      padding: 0;
      border: 0;
      text-align: center;
      color: $mainTextColor;
      background: #692 url(http://www.blogblog.com/moto_son/outerwrap.gif) top center repeat-y;
      font-size: small;
    }
    thay bằng
    Mã:
    body {
      margin: 0;
      padding: 0;
      border: 0;
      text-align: center;
      color: $mainTextColor;
      background: #692;
      font-size: small;
    }
    
    Sau đó tìm cái này
    Mã:
    #outer-wrapper {
      margin: 0 auto;
      border: 0;
      width: [B]692px[/B];
      text-align: left;
      background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top right repeat-y;
      font: $bodyFont;
    }
    Thay 692px thành 100%.
    Tiếp tục tìm
    Mã:
    #main {
      width: 400px;
      float: left;
      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 */
    }
    
    #sidebar {
      width: 226px;
      float: right;
      color: #003366;
      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 */
    }
    Thay bằng
    Mã:
    #main {
      width: 70%;
      float: left;
      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 */
    }
    
    #sidebar {
      width: 25%;
      float: right;
      color: #003366;
      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 */
    }
     
  20. Xenogear

    Xenogear The Last of Us

    Tham gia ngày:
    16/6/03
    Bài viết:
    22,838
    Nơi ở:
    Sealeap Zack
    cái này làm xong, nếu k0 để 100% vì nhìn thô quá, để thành 1000px thì nó mất xừ cái outer-wrapper
    có cách nào để sửa k0 cậu :-/
     

Chia sẻ trang này