加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

博客Widget的发布教程

(2009-08-20 21:11:26)
标签:

电脑

边栏

模板

源代码

勾选

 

Widget的发布教程

一, 在博客上发布Widget

a)什么是Widget?
Widget泛指各种小器件,在博客中指的是可以发布在博客侧边栏的各种玩具、图标、挂件等。在Feedsky中,我们提供的Widget包括:Feedsky订阅图标、手机阅读图标、订阅统计图标、Email订阅、Feed JS输出、读者调查、广告以及各种活动提供的Widget。
b) 如何获取Widget代码
每个Widget都会相应提供一个Widget代码,这些代码有HTML、JS等形式,都可以直接发布到博客中,但一般BSP不支持JS代码的发布。

二,在你的博客上发布

新浪博客
搜狐
blogbus
qzone
网易
wordpress程序的bsp
Movable Type程序的bsp
O-blog
blogcn
msn space

1,新浪博客

文章下部插入广告

由于新浪博客不支持文章模板的修改,想要使用我们的展示广告服务,必须每篇文章手动发布广告代码。

在新浪博客新建或编辑日志,勾选“显示源代码”选项。

http://www.feedsky.com/helpimgs/image003.png

使用 Ctrl+V,把复制好的代码拷备到编辑框中。

取消“显示源代码”的勾选返回文字编辑界面。

写入其他文字来完善你的日志。

一切OK后,点击“提交”完成日志的发布。

发布成功后就可以在你的blog中看见广告了。

http://www.feedsky.com/helpimgs/image004.png

在新浪中添加侧边栏

在sina博客的左边自定义设置中,点击定制我的首页,进入首页管理页面,

http://www.feedsky.com/helpimgs/image005.png

选择自定义空白面板点击进入编辑,弹出一个新的浏览器窗口。

http://www.feedsky.com/helpimgs/image006.png

http://www.feedsky.com/helpimgs/image007.png

在自定义空白面板栏中选择新增选项,然后有面板标题,

写上你想要的名字,在面板简介栏中左下角选择显示源代码选项,粘贴你的代码,点击保存,

http://www.feedsky.com/helpimgs/image008.png

保存后返回原来菜单

http://www.feedsky.com/helpimgs/image009.png

点击上边的保存设置,然后就完成了。

http://www.feedsky.com/helpimgs/image010.png

注:为了满足广告位置的要求,你需要把广告模块调整到“活力地带”下面,使它可以在第一屏显示。

返回

2,搜狐

文章下部插入广告

在搜狐博客新建或编辑日志,勾选“显示源代码”选

http://www.feedsky.com/helpimgs/image011.png

使用 Ctrl+V,把复制好的代码拷备到编辑框中

http://www.feedsky.com/helpimgs/image012.png

取消“显示源代码”的勾选返回文字编辑界面。

写入其他文字来完善你的日志。

一切OK后,点击“发布日志”完成日志的发布。

Sohu侧边栏

不支持Flash代码的发布

返回

3,blogbus

   文章下部插入广告

在blogbus博客新建或编辑日志,在日志的文本框的右上边,然后双击html选项,弹出一个新的窗口。

http://www.feedsky.com/helpimgs/image013.png

http://www.feedsky.com/helpimgs/image014.png

使用Ctrl+V,把复制好的代码拷备到编辑框中

现在接着可以往文本框中写内容

注意:有高级选项的简介栏中也要选html选项,做同样的操作,那样可以在你博客中显示全文与广告,不用点击进入文章,否则光有标题在博客中。

http://www.feedsky.com/helpimgs/image015.png

一切都完成后点发布,然后你就可以在你的blog中看见广告了.

http://www.feedsky.com/helpimgs/image016.png

添加侧边栏广告

在blog设置选项中的自定义html选项中粘贴所选中的代码,然后保存。侧边栏就可以显示出广告了。

http://www.feedsky.com/helpimgs/image017.png

http://www.feedsky.com/helpimgs/image018.png

http://www.feedsky.com/helpimgs/image019.png

返回

4,qzone

在QQ空间新建或编辑日志,点击“插入Flash”按钮。

http://www.feedsky.com/helpimgs/image020.png

在“文件来源(url)”位置,使用 Ctrl+V,把复制好的Flash地址拷备出来.

设置完成后点击“提交”

代码已经被插入到日志中了.

http://www.feedsky.com/helpimgs/image021.png

你还可以写入其他文字来完善你的日志.

一切OK后,点击“提交”完成日志的发布.

在qzone中加入侧边栏

点击自定义,选择新建模板,

http://www.feedsky.com/helpimgs/image022.png

添加flash选项,

http://www.feedsky.com/helpimgs/image023.png

输入flash地址

http://www.feedsky.com/helpimgs/image024.png

点新建模板的保存。就完成了flash的插入。

http://www.feedsky.com/helpimgs/image025.png

返回

5,网易

在文章下部插入广告

在网易blog中新建或编制日志,点击全部功能

http://www.feedsky.com/helpimgs/image026.png

有一个中括号(显示html代码)点击它处于选中状态,使用Ctrl+V,把复制好的代码拷备到编辑框中,现在接着可以往文本框中写内容,最后选择提交。

一切都发布完成以后,你就可以在你的blog中看到广告了。附注:在网易的blog首页设置有三种显示设置,分别为标题;摘要;和全文;如果你想在blog首页也显示广告的话,选择全文。

http://www.feedsky.com/helpimgs/image027.png

注:网易博客不支持侧边栏发布广告

返回

6,wordpress程序的bsp

在文章下面插入广告

首先进入Presentation菜单,选择Theme Editor,点击main index template

http://www.feedsky.com/helpimgs/image028.png

http://www.feedsky.com/helpimgs/image029.png

在<?php the_content('Read More &raquo;'); ?>这句下面粘贴上广告的代码。

http://www.feedsky.com/helpimgs/image030.png

点击update files按钮。

接着改single post。仍然是在<?php the_content('Read More &raquo;'); ?>下面加入代码。

http://www.feedsky.com/helpimgs/image031.png

完成后点击update files 按钮。

现在在博客首页就可以看见文章下面有广告显示了。

http://www.feedsky.com/helpimgs/image032.png

侧边栏加入广告

进入后台选择Presentatio选项,选择Theme Editor,点击sidebar

http://www.feedsky.com/helpimgs/image033.png

直接把代码粘贴上去就可以了。记得要尽量在离顶部近的地方粘贴,这样展示广告才有效。

http://www.feedsky.com/helpimgs/image034.png

点击update files完成后查看效果

http://www.feedsky.com/helpimgs/image035.png

另外,有些基于WordPress的BSP并不支持修改模板,此时你可以采用与与其他BSP相同的方法,把广告代码发不到文章内容里面。编辑文章时,切换到代码模式并在文章尾部直接粘贴就可以了,然后点发布,你就可以在你的blog中看见广告了。

http://www.feedsky.com/helpimgs/image036.png

返回

7,Movable Type程序的bsp

在文章下面插入广告

首先进入后台,点击templates,选择indexes中的Main Index

http://www.feedsky.com/helpimgs/image037.png

进入代码区之后,用ctrl+f寻找footer关键字。在头一个footer上面加入feedsky代码。注意要在entry footer的上面。

http://www.feedsky.com/helpimgs/image038.png

粘贴完毕后点击save and rebuild

http://www.feedsky.com/helpimgs/image039.png

然后继续修改进入Archieve页面,选择Individual Entry Archive

http://www.feedsky.com/helpimgs/image040.png

仍然做跟main  index一样的操作,还是把代码粘贴在entry footer的上面,

点击保存,记住仍然要rebuild一下。

http://www.feedsky.com/helpimgs/image041.png

完成后以后写文章下面自动就会有广告拉。

http://www.feedsky.com/helpimgs/image042.png

加入侧边栏效果

首先进入后台,点击templates,选择indexes中的Main Index

http://www.feedsky.com/helpimgs/image037.png

进入index代码区之后,将广告代码粘贴到侧边栏最上面的位置,确保广告上边缘距页面顶端450像素以内。完成之后击保存重建选项,广告就可以出现在首页的侧边栏中了。单个文章页面的侧边栏和这个基本相同。

http://www.feedsky.com/helpimgs/image043.png

返回

8,O-blog

在文章下部插入广告

进入后台,修改模板,点击改副模板

http://www.feedsky.com/helpimgs/image044.png

以源码方式显示,然后将广告代发布到$show_more$这行的上面,如图

http://www.feedsky.com/helpimgs/image045.png

最后点击保存。在你的每篇文章下面就可以看见广告了。

http://www.feedsky.com/helpimgs/image046.png

O–blog 对侧边栏的修改

进入后台,修改模板,改主模板

http://www.feedsky.com/helpimgs/image047.png

仍然选择源代码模式,在$show_calender上面粘贴feedsky侧边栏广告。当然,你可以可以发不到其他位置上,但要保证广告上边缘与页面顶端的距离不超过450像素。

http://www.feedsky.com/helpimgs/image048.png

点保存设置后就可以看到页面上的广告了。

http://www.feedsky.com/helpimgs/image049.png

返回

9,blogcn

在文章下部插入广告
新建或编辑日志,点击“切换到html源代码编辑器”按钮

http://www.feedsky.com/helpimgs/image050.png

使用 Ctrl+V,把复制好的代码拷备到编辑框中。

http://www.feedsky.com/helpimgs/image051.png

点击“切换到html可视化编辑”,返回最初的编辑界面。

写入其他文字来完善你的日志。

一切OK后,点击“提交”完成日志的发布。

发布成功后,就可以在你的日志里看到这个广告了.

http://www.feedsky.com/helpimgs/image052.png

blogcn中加入侧边栏

首先进入管理模板,点击编辑模板

http://www.feedsky.com/helpimgs/image053.png

首先记住要把代码插到哪里,比如插到我的相册的上面,记住我的相册这几个字后点击html代码模式

http://www.feedsky.com/helpimgs/image054.png

http://www.feedsky.com/helpimgs/image055.png

返回

10,msn space

在文章下部插入广告

新建或编辑日志,点击切换到html按钮,使用ctrl+V,把复制好的代码拷贝到编辑框中。

http://www.feedsky.com/helpimgs/image056.png

然后点击发布就完成了,如果你要写入文字的话这时要再点击切换html按钮,使其切换到正常模式。接着写就可以了。

http://www.feedsky.com/helpimgs/image057.png

在侧边栏加入广告

进入msn space空间,点击编辑个人资料,然后选择自定义,

http://www.feedsky.com/helpimgs/image058.png

选择添加模块,在黄色区域里选择模块选项,

http://www.feedsky.com/helpimgs/image059.png

打开下拉列表,选择其他选项,然后选择视频选项,

http://www.feedsky.com/helpimgs/image060.png

点击添加,然后点击保存

http://www.feedsky.com/helpimgs/image061.png

现在可以进行编辑了,进入视频编辑选项,在html文本框中粘贴代码。保存

http://www.feedsky.com/helpimgs/image062.png

现在就完成了。

http://www.feedsky.com/helpimgs/image063.png

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有