Saturday, November 6, 2010

在部落格放歌

在部落格放自己喜欢的歌
很享受吧？
其实要在部落格放歌
有很多方法
现在我先分享我现在用的网站 =)





步骤一：
进入这个网站 ：按这里
然后申请一个帐号~




















步骤二：
申请好了
到你的email检查shtyle.fm是否有寄给你们一个验证连接
按下连接就可以了


步骤三：
登入之后点击 Song > Record














步骤四：
点击 upload your original mp3
















步骤五：
之后就会进入以下的版权说明页面，点击Continue




















步骤六：
从你的电脑上传歌到shtyle.fm


















步骤七：
上传完毕后，填写那些资料~
有放*的一定要填
记得在allow download的格子打勾勾
























步骤八：
这就是最后一个步骤！
Copy那个code
然后去你的部落格
Design > Add a Gadget > Html/Java Script
然后把code paste在那个格子里按save就好了


















*温馨提示
这个播放器没有自动播放的功能
如果想要自动播放
请在代码中找到以下的code
http://www.shtyle.fm/mplayc.do


然后在他后面添加&autostart=1


例子：http://www.shtyle.fm/mplayc.do&autostart=1

完成！


^^
Posted by 部落格教学 ♥ at 6:24 AM 7 comments

Friday, November 5, 2010

建议

有一点小小的建议
发现有一些刚开始使用部落格的朋友们
都用部落格为我们准备的 Template Designer.
我本人的意见
还是使用Html来布置部落格好~
可以根据自己喜欢的风格来设计
而且可以放一些可爱或特别的小东东
如果使用部落格准备的 Template Designer.
虽然很方便，
但有很多东西用Html都不会有结果
所以，想要用部落格准备的
对我的教学有什么问题我也帮不到
但，我会试着想办法解决问题。
这就是我的小小建议啦!
^^
Posted by 部落格教学 ♥ at 10:07 PM 2 comments

下雪的效果

想要在自己的部落格有下雪的效果吗？


跟着以下步骤


在Edit Html 找 <head>


然后将以下的code放入<head>之后
<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript"></script>


完成! =)
Posted by 部落格教学 ♥ at 9:30 AM 0 comments

在 post-footer 前添加小图片

首先，在 Edit Html 找 .post-footer {


然后将以下的code放入 .post-footer { 的后面


margin: 2em 0 0;
background:#E3E4FA url(image direct link) no-repeat left center;
padding-left:2em;
蓝色字：可以换成其他背景颜色
紫色字：小图片的direct link


完成！ ^^
Posted by 部落格教学 ♥ at 9:13 AM 1 comments

把图片的边框弄不见

有时候看到图片的边框是不是很想弄不见？


不想的，你可以忽略这个教学
想的，跟着以下的步骤吧！


首先在 Edit Html 找 .post img


将{...}里的这个code

border:1px


删除就可以了 ！ =)



Posted by 部落格教学 ♥ at 9:08 AM 0 comments

添加框框 （border）

这是教大家在某个地方加框框 也就是 Border.


首先，先找出你想要加框框的地方


例如要在sidebar加框框


用Ctrl+F 找 #sidebar-wrapper {


然后把以下的code加入{...}里


  border-top: 2px solid #800080;
  border-left: 2px solid #800080;
  border-right: 2px solid #800080;
  border-bottom: 2px solid #800080;
  margin:0 0 1.5em;
  padding:7px 10px 7px 10px;

解说 ：


红色字：线条的粗度
蓝色字：线条的形态
紫色字：线条的颜色 （可以在颜色代码找你要的颜色）


以下是线条的形态：


solid  
testing……

dotted
testing……

dashed
testing……

double
testing……

groove
testing……

ridge
testing……

inset
testing……

outset 
testing……



以上是在sidebar加框框。
你也可以在其他地方加框框
步骤是一样的
靠你们自己了！
^^
Posted by 部落格教学 ♥ at 9:02 AM 0 comments

彩虹颜色的效果

在鼠标指向link是出现彩虹颜色


步骤一：
Design > Edit HTML


用Ctrl+F 找 </head>


找到后把以下的code 放在</head>之前即可



<script src='http://ggpi.googlecode.com/files/rainbow.js' type='text/javascript'/>

=)
Posted by 部落格教学 ♥ at 8:52 AM 1 comments
Subscribe to: Posts (Atom)