2009/03/22

将饭否添加到博客中的方法

饭否是一个迷你博客,也被称为一句话博客。想让更多人关注你在做什么吗?教你几种添加到博客中的方法。

百度空间
1. 登录百度空间 -> 设置 -> 模板设置 -> 创建新模板 或者 编辑当前模板;
2. 在“创建CSS模板”中找到 #comm_info 开头的那段代码,替换成以下代码;

#comm_info{color:#333333;font-family:Arial;text-align:left}
#comm_info div.line{margin-top:5px;margin-bottom:10px;line-height:8px;
padding-bottom:410px;border-top:1px solid #D2E9F4;
background:url(http://badge.fanfou.com/user_timeline/fanfou/multi.png) bottom no-repeat;}
#comm_info a{color:#3399CC}

注意:把 替换成你的饭否http://badge.fanfou.com/user_timeline/sizjn/multi.png图片插件的图片地址。
3. 保存 -> 应用新模板 -> 查看效果。

MSN space
需要利用 MSN space 的 Sandbox 这个网页小工具来添加饭否图片插件。
1. 添加 Sandbox:登陆 -> 编辑共享空间 -> 自定义 -> 模块 -> 小工具 -> 从 Windows Live Gallery 中添加小工具 -> Sandbox(添加) -> 确认小工具的位置(共享空间) -> 确认安装; 2. 获取饭否图片插件代码:进入饭否图片插件,复制代码;
3. 回到 MSN space ,在 Sandbox 模块上点击“编辑HTML代码” -> 粘贴代码 -> 保存代码; 4. 点击 Sandbox 标题栏右侧小三角形 -> 首选项 -> 修改标题;
5. 退出编辑模式,查看你 MSN space 上的饭否插件!

Blogbus
1. 配置自定义模板:登陆 -> 模板设置 -> 修改模板(在当前使用的模板下) -> 进入编辑自定义模板页面;
2. 获取饭否图片插件代码:进入饭否图片插件,复制代码;
3. 插入代码:在编辑自定义模板页面,点击Index -> 加入饭否插件代码。例如,你想把饭否插件加入到“最新评论”和“存档”之间,那么在“最新评论”和“存档”的两段代码之间加入如下所示的部分:
<div id="lastComments">
<h2>最新评论</h2>
<!-- ~ last_cmt ~ -->
</div>
<div id="fanfou">
<h2>我的饭否</h2>
<div>此处粘贴你复制的饭否插件代码</div>
</div>
<div id="archives">
<h2>存档</h2>
<!-- ~ archive ~ -->
</div>4.
保存修改 -> 返回 -> 去查看你的blogbus吧!

新浪博客
1. 添加模块:登陆 -> 管理博客 -> 选择“定制首页的内容模块”(在“个人首页维护”下) -> 点击“添加页面模块”(这个操作按钮在页面最底端) -> 创建新的空白面板(在“自定义空白面板”的栏目下);
2. 获取饭否图片插件代码:进入饭否图片插件,复制代码;
3. 回到新浪博客“创建新的空白面板”,添加标题(如“我的饭否”),并勾选“显示源代码” -> 粘贴代码 -> 保存 -> 页面跳转到“首页可定制模块列表” -> 勾选刚才创建的自定义面板(即“我的饭否”) -> 点击“选取”;
4. OK,可以回到你的新浪博客看看饭否插件了。

搜狐博客
1. 获取饭否图片插件代码:进入饭否图片插件,复制代码;
2. 新建图片模块:登录搜狐博客 -> 管理个人档案 -> 在“主人档案”处加入代码 -> 保存 -> 返回博客首页调整个人档案位置并查看效果

Q-zone
1. 新建图片模块:登录Q-zone -> 自定义 -> 新建模块(在页面右边) -> 图片模块:可插入一张网络图片…
2. 插入代码:添加标题(例如“我的饭否”),添加图片地址(注意,这里填的是图片网址,不是图片XHTML代码) -> 输入验证码,确定 -> 调整模块在Q-zone的大小和位置 -> 保存(在页面右边“自定义”栏目下) -> 到Q-zone查看效果。

Blogger (Blogspot)
1. 配置自己的模板:登陆 -> 控制台 -> 设置 -> 模板 -> 添加页面元素 -> 将HTML/JavaScript模块添加到模板中 -> 跳转到“配置HTML/JavaScript”;
2. 获取饭否图片插件代码:进入饭否图片插件,复制代码;
3. 插入代码:回到“配置HTML/JavaScript” -> 写好标题,粘贴代码 -> 保存 -> 调整模块在模板里的布局 -> 保存。

网易博客
1. 获取饭否图片插件代码:进入饭否图片插件,复制代码;
2. 新建模块:预览我的博客(页面右上角) -> 排版设置 -> 内容模块 -> 勾选“添加自定义HTML” -> 确定 -> 编辑自定义HTML模块,插入饭否插件代码,修改模块名称 -> 保存 -> 查看效果。

天涯博客
1. 获取饭否图片插件代码:进入饭否图片插件,复制代码;
2. 添加代码:登录 -> 我的天涯(左侧导航栏) -> 博客(横排导航) -> 管理 -> 模板 -> 自定义模板(橙黄色按钮) -> 在你想放插件的栏目之间加入插件代码 -> 保存 -> 返回查看效果。

歪酷博客
歪酷博客旧模版:
1. 获取饭否图片插件代码:进入饭否图片插件,复制代码;
2. 登录歪酷博客 -> 旧模板:DIY(在左侧导航栏中部) -> 将插件代码放到你想要安放插件的位置 -> 保存。 OK,你可以去博客上看看效果了。
歪酷博客新模版:
1. 如果你还没有使用过新模版的话,那么请先选择一个新模版,具体方法如下: 登录歪酷博客 -> 新模版:选择(在左侧导航栏中部) -> 选择一款模版;
2. 添加新模块 新模版:模块(在左侧导航栏中部) -> 在“模块列表”页面下的“添加新模块”部分,选择“自写HTML代码”,并点击“添加模块” -> 在“编辑模块”页面的“HTML代码”部分加入饭否插件的代码,点击“保存” -> 返回到“模块列表”页面设置模块顺序。 OK,你可以去博客上看看效果了。(备注:新模版下可使用饭否的图片插件、Flash插件和JavaScript插件,使用方法一样)

1 条评论:

杨俊 说...

呵呵,我也一直在用饭否