博客Widget的发布教程

标签:
电脑边栏模板源代码勾选 |
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
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的插入。
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 »'); ?>这句下面粘贴上广告的代码。
http://www.feedsky.com/helpimgs/image030.png
点击update files按钮。
接着改single post。仍然是在<?php the_content('Read More »'); ?>下面加入代码。
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中看见广告了。
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
点击保存,记住仍然要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像素以内。完成之后击保存重建选项,广告就可以出现在首页的侧边栏中了。单个文章页面的侧边栏和这个基本相同。
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
点保存设置后就可以看到页面上的广告了。
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
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
现在就完成了。