Help Banner trên Blogspot !!!!

Terry_89

Terry_89

Mr & Ms Pac-Man
Có bác nào chỉ mình cách up banner lên Blogspot với mò quài chẳng ra :((
 
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
Có bác nào chỉ mình cách up banner lên Blogspot với mò quài chẳng ra
Click to expand...
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 /:)
 
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
 
Vào Customize -> Edit HTML kím đoạn .
body {
margin: 0px 0px 0px 0px;
background:#123 url("http://p4.piczo.com/img/i15222415_93866_4.gif");=> Chỗ này là background
background-position: 50% 31px;
text-align:center;
font: x-small Verdana, Arial, Sans-serif;
color:$textcolor;
font-size/* */:/**/small;
font-size: /**/small;
}
Click to expand...
/* Page Structure
----------------------------------------------- */
#outer-wrapper {
background:url("http://i72.photobucket.com/albums/i164/cuteberries/glitters/iloveyou/iloveyou3.gif") no-repeat 180px 0px; => chỗ này là banner như chữ "I Love You "
width:700px;
margin: 20px ;
text-align:left;
font:$bodyfont;
}
Click to expand...
.post h3 {
margin:.25em 0;
line-height: 1.4em;
font: $headerfont;
font-size: 130%;
font-weight: bold;
color:$posttitle;
background:url("http://img228.imageshack.us/img228/6553/meoik9.gif") no-repeat 0 .25em;=> chỗ này là chỗ con mèo trắng .
padding:0 0 25px 45px;
}
Click to expand...
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 .
<embed autosize='1' autostart='1' enablecontextmenu='0' height='0' name='nekoyuki' playcount='1' pluginspage='http://www.microsoft.com/windows/windowsmedia/download/AllDownloads.aspx/' showcontrols='1' showstatusbar='1' src='http://www.freewebtown.com/nekoyuki/library/audio/Neko/pm_anniversary.mid' type='application/x-mplayer2' visible='1' width='0'> </embed>
Click to expand...
Code nhạc bỏ vào HTML/Javascript .
<param value="sameDomain" name="allowScriptAccess"/>
<param value="bt=Welcome%20To%20My%20Blog%20&cl=rainbow2&x=1%2030%2011%2011%203%2019%2012%2034%2034%2011%2030%2033%208%200%2026%2031%20" name="FlashVars"/>
<param value="http://www.freeglitters.com/scroller-sign.swf" name="movie"/><param value="high" name="quality"/>
<param value="transparent" name="wmode"/><param value="000000" name="bgcolor"/>
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" align="middle" flashvars="bt=Welcome%20To%20My%20Blog%20&cl=rainbow2&x=1%2030%2011%2011%203%2019%2012%2034%2034%2011%2030%2033%208%200%2026%2031%20" src="http://www.freeglitters.com/scroller-sign.swf" type="application/x-shockwave-flash" height="50" bgcolor="000000" width="380" wmode="transparent" name="scroller-sign"/>
<br/>
</embed>
Click to expand...
Code " Welcome My Blog"
YM! Neko_Hanayuki
 
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;
  }
 
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.
 
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

 
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?
 
ô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á >.<
 
word life nói:
ô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á >.<
Click to expand...
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ư:
denim.jpg
herbert.jpg

tekka.jpg
sand_dollar.jpg
 
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 ..
 
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 ..
Click to expand...
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à ?
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
Click to expand...
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 */
}
 
o0o Agumon o0o nói:
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 */
}
Click to expand...
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 :-/
 
You must log in or register to reply here.
Back
Top