月樱的部落格教学

之前些朋友问月樱如何edit blog的背景之类的..
发了Email给Qoo，但我好像说的让她很不明白..

现在趁有点时间..
post出来分享下^^
顺便回复上次问我的朋友^^

首先..
去布局-->修改模板html
记得先按键盘上的crt+F，会出现个find的横条..


首先是更改背景

在find横条那空格paste入【body】，寻找body的段落。

也就是这段body {
background:$bgcolor;
background: #ffffff url(http://i701.photobucket.com/albums/ww15/yi_reverie/3567754320070625165315729_004_650.jpg) repeat fixed center center;

在background：#ffffff 后面加上url(你要的背景的url) repeat fixed center center;

········

接着是日期前的小挂件
-那红色飞舞的蝴蝶

在find横条那空格paste入【date-header 】，寻找出date-header 的段落。
也就是这段h2.date-header {
background: url(http://i701.photobucket.com/albums/ww15/yi_reverie/683161uzgzs19say.gif) left no-repeat;

在h2.date-header {的下面加入background: url(你的小挂件url) left no-repeat;

·······
在来是标题前的小挂件
-那个跳跳兔

在find横条那空格paste入【post 】，寻找出post 的段落。

也就是这个啦！.post {
margin:.5em 0 1.5em;

border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
background: url(http://i701.photobucket.com/albums/ww15/yi_reverie/437869nvw95ertcx.gif) left no-repeat;

在.post h3 {下面加入background: url(你的小挂件url) left no-repeat;

·······
再来是旁边的小挂件

-那飞舞的白蝴蝶

在find横条那空格paste入【Sidebar Content】，寻找出Sidebar Content 的段落。

也就是这个/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
margin: 1.6em 0 .5em;
padding: 2px 35px;
background: url(http://i701.photobucket.com/albums/ww15/yi_reverie/371104i9u4viatgj.gif) no-repeat left 3px;

在sidebar h2 {下面加入background: url(你要的挂件url) no-repeat left 3px;

--------------------------------
完毕！累=.=''
好啦～这篇送给Qoo美女..希望你看得懂^^

还有需要的这教学的博客朋友^^
希望能帮到你们让你们的部落格美美^^有自己的风格～
如果有不明白的再问我吧^^

我一开始也不会的..问了许多博友都还是不清楚..
直到当工程师的叔叔新年回来..
叔叔教会我的^^
但是叔叔现在生病了..希望他快点好起来..

希望大家会喜欢我的这篇教学..
看了喜欢，要学的记得留下留言让月樱知道喔..
和月樱分享下你们的成果..

*你们的支持会让我有继续分享教学的动力噢^^