清心博客圈,祝你圣诞节快乐
显示标签为“tutorial”的博文。显示所有博文
显示标签为“tutorial”的博文。显示所有博文

2008年12月30日星期二

提供清心搜索安装在浏览器的安装页面

清心搜索系列:http://search.qxinnet.com

现在提供用户安装便捷搜索器在浏览器上,目前测试支持 Internet Explorer 7 和 Firefox 2 或最新版本。

请进入这里的安装页面:http://search.qxinnet.com/install/index.html

Screenshot

选择三条红线之上的链接,点击并可安装。当点击后,浏览器会确认您是否要加入这个搜索 (Search Provider),这时只需点击确认或接受即可。当安装好后,就可马上使用。

我以IE为例,当安装好之后,在浏览器右上角,点击搜索下拉菜单,如,我选择 Qxinnet Image Search,keyword 我打”卓文萱“。

image

之后,浏览器就会打开清心图片搜索的页面,如图:

image

这之后,就会出现美轮美奂的看图页面,是不是很美?

你可以打其他 keyword,然后按 Search,就能出现其他好图了。。。慢慢玩吧!

更多资讯,请进入 http://fyhao.qxinnet.com 参观。

2008年12月29日星期一

QXINNET BLOGGER LIST

Do you want to participated in Qxinnet Blogger?

OK, all right, you can just go to http://u.qxinnet.com register as a member, then go to http://u.qxinnet.com/cp_extra.php to setting your blog account, currently supports Blogspot, Pixnet, WordPress, Friendster , and so on.

However, you are also available to place this QXINNET BLOGGER LIST on your blog as a sidebar gadget.

You can just copy this html code and paste it into your blog.

<script src="http://u.qxinnet.com/qxblog.php" type="text/javascript" charset="gb2312"></script>

For Blogspot user, you can just click the button below and follow the procedure as add this gadget on your Blogspot Blog.

 

2008年12月20日星期六

Google SyntaxHighlighter

Just now I performed a search that I found something that is very useful for me to place the coding here. This is the syntaxhighlighter from Google code.

For me, I have uploaded the syntaxhighlighter to my web server, and place the code in blogger by edit the templates.

I added the code before


</body></html>


with




<link href="http://web.qxinnet.com/syntaxhighlighter/SyntaxHighlighter.css" rel="stylesheet" type="text/css"/>
<script src="http://web.qxinnet.com/syntaxhighlighter/shCore.js" type="text/javascript"></script>
<script src="http://web.qxinnet.com/syntaxhighlighter/shBrushCpp.js" type="text/javascript"></script>
<script src="http://web.qxinnet.com/syntaxhighlighter/shBrushCSharp.js" type="text/javascript"></script>
<script src="http://web.qxinnet.com/syntaxhighlighter/shBrushCss.js" type='text/javascript'></script>
<script src="http://web.qxinnet.com/syntaxhighlighter/shBrushJava.js" type="text/javascript"></script>
<script src="http://web.qxinnet.com/syntaxhighlighter/shBrushJScript.js" type="text/javascript"></script>
<script src="http://web.qxinnet.com/syntaxhighlighter/shBrushSql.js" type="text/javascript"></script>
<script src="http://web.qxinnet.com/syntaxhighlighter/shBrushXml.js" type="text/javascript"></script>
<script class='javascript'>
//<![CDATA[
function FindTagsByName(container, name, Tag){
var elements = document.getElementsByTagName(Tag);
for (var i = 0; i < elements.length; i++){
if (elements[i].getAttribute("name") == name) {
container.push(elements[i]);
}
}
}
var elements = [];
FindTagsByName(elements, "code", "pre");
FindTagsByName(elements, "code", "textarea");
for(var i=0; i < elements.length; i++) {
if(elements[i].nodeName.toUpperCase() == "TEXTAREA") {
var childNode = elements[i].childNodes[0];
var newNode = document.createTextNode(childNode.nodeValue.replace(/<br\s*\/?>/gi,'\n'));
elements[i].replaceChild(newNode, childNode);
} else if(elements[i].nodeName.toUpperCase() == "PRE") {
brs = elements[i].getElementsByTagName("br");
for(var j = 0, brLength = brs.length; j < brLength; j++) {
var newNode = document.createTextNode("\n");
elements[i].replaceChild(newNode, brs[0]);
}
}
}
//clipboard does not work well, no line breaks
// dp.SyntaxHighlighter.ClipboardSwf =
//"http://web.qxinnet.com/syntaxhighlighter/clipboard.swf";
dp.SyntaxHighlighter.HighlightAll("code");
//]]>
</script>


And I have following up with the website: http://yehhou.blogspot.com/2007/06/blogger-dpsyntaxhighlighter.html

2008年12月16日星期二

清心投票程序边栏版本

为了迎接Discuz 7.0的降临,在此发布第一个清心制作的边栏插件。

这个是一个投票程序,可以安装在部落格,也能安装在Discuz 7.0的边栏哦!

Discuz 7.0 边栏版本下载地址:http://bbs.qxinnet.com/thread-26840-1-1.html

部落格安装教学可以来这里看:http://web.qxinnet.com/script/help/vote.html

以下是安装在论坛边栏的投票插件的截图哦!!!

image

2008年12月4日星期四

如何设置清心个人空间与 WordPress 部落格互通

此文章是教导如何设置清心个人空间与WordPress部落格互通的功能。

此功能的作用是:当您在您的 WordPress 发表了部落格,您所发表的最新文章的标题,将会以事件的方式发送到清心个人空间。而清心个人空间的会员,就能通过好友近况或网站近况,查询到您的部落格发表动态,也能点击去观看您所发表的部落格。

这里是最近所发表的WordPress部落格事件的过滤 点击查看。

它就会出现类似这段话:

fyhaoWordPress 发表了名为 Development of Last Few Days 的部落格 1小时前

此功能的好处是:可以吸引其他更多人进去您的部落格,增加您的部落格访问量。并且也能让在清心个人空间的好友很方便的通过这个途径得知您的近况哦!

在安装此功能的前提是,您必须拥有一个清心个人空间会员帐号(http://u.qxinnet.com) 并拥有一个 WordPress 部落格帐号,可以是 http://wordpress.com 所提供的免费部落格,或者是独立空间并使用 WordPress 版本的部落格。

安装步骤:

1. 请登录清心个人空间,在右上角点击 设置,然后点击 额外功能,选择 WordPress 设置,或直接点击这个链接:http://u.qxinnet.com/cp.php?ac=extra&op=wordpress

image

进入了这个页面,首先,您必须填写您的部落格标题,以方便我们辨识您是部落格的合法主人。

然后,请您填写您的部落格访问网址,基本上,以 http:// 开头,并以 / 结尾。

之后点击提交,部落格代码就会显示出来或更新。每点击一次提交,部落格代码都会更新不一样。

接下来,请点击复制,以复制这个代码。

2. 请登录您的 WordPress 的后台。通常后台的进入方法,就是您的部落格网址之后加上 /wp-admin

image

然后,请点击 My Dashboard

image

然后,请点击 Design

image

然后,请点击 Widgets

image

之后,在下面一连串的Widget中,我们需要添加,即 Add 一个 Text 的 Widget。

image

之后,请看右边,会出现一个叫做 Text 的Widget 设置框框,底下还有一个叫做 Save Changes 的按钮。

请点击以上这个图片右上角的 Edit,以进行编辑设置。

image

之后,您就会看到有两个框框。上面的框框是 Widget 的标题,您可以任意填写。

第二个比较大的框框,就是 Widget 代码了。

请把刚才在清心个人空间所设置的部落格代码 粘贴 来这里。

当一切设置好后,您可以到部落格首页去查看有没有显示东西。

 

3. 当一切都设设置好后,在部落格首页页面将会出现以下图示。

若一切设置顺利的话,将会出现这个图片:

若一切设置有误的话,将会出现这个图片:

若出现错误的话,有可能是您的部落格网址填写有问题。那么您必须回到清心个人空间设置的页面,重新填写您的部落格网址,尝试各种可能的方式,重新提交,然后得到最新的部落格代码粘贴来这里,再去部落格页面看看正常不正常。

注意事项

基本上,如果是独立空间的部落格,就必须多注意一下网址的编写。假设您的部落格所在网址是 http://www.abc.com/ 这样的话,您则必须填写之前的那个网址。但如果出现的问题,可以尝试 http://abc.com/

如果您的部落格是 subdomain 形式的,比如 http://fyhao.wordpress.com/,您就填写这样的网址即可。

如果您的部落格是 在 folder 之下的,比如 http://www.abc.com/folder/ ,则填写这样的下去。

一切好之后,测试吧!

当一切都正常后,基本上这个系统已经把您最新的部落格标题发上去清心个人空间了。当然您可以再另外发表一篇部落格,当点击 Publish 后,回到部落格首页,系统就会自动发送标题过去了。

之后,您便可到 http://u.qxinnet.com 首页查看您的事件是否存在。

注:

理论上,图片出现清心博客圈,则一切设置都会是正常,如果有任何问题发生,一定会显示勿非法盗链。

图片样式

目前只提供一种图片样式可供选择,之后我们会陆续增加个性化设置哦!

 

最后,感谢大家的支持,没有你们的支持,就没有我们的研发动力。

2008年11月29日星期六

如何设置 痞客邦 部落格与清心个人空间互通?

由于无名小站 (http://www.wretch.cc) 不能设置 Slideshow 及音乐了,所以有很多人开始不满并表示想搬迁到 痞客邦。痞客邦 也是台湾开发的一个部落格服务,也是很出名很多人用。而且玩过之后,觉得 痞客邦 (http://www.pixnet.net) 看起来更好用,风格模板也是很美。

这篇教学是教导各位要如何设置 痞客邦 部落格与清心个人空间互通。这个设置的功能是,当您申请了一个清心个人空间 (http://u.qxinnet.com) 帐号,并进行了 痞客邦 的相关设置,日后,只要您在 痞客邦 发表了一篇部落格,清心个人空间首页的网站近况就会出现了您发表了什么最新的标题,以吸引其他会员去观看您的部落格哦!

使用这个功能的前提,您必须拥有一个 痞客邦 的帐号,也必须拥有清心网站会员的帐号。

一切都准备好后,设置步骤就可以开始了。

首先,登入到您的清心个人空间首页。点击右上角的 设置 ,点击 额外功能 ,在右边的边栏选择 痞客邦设置

接下来,第一,请填写您的 部落格标题, 以便我们的系统确认您是该部落格的使用者。第二,请填写您的部落格网址,您只需填写主要的网址即可。例子:fyhao.pixnet.net

然后,您便可点击提交。

提交之后,就会出现一个 部落格代码,您现在必须复制一下这个代码,等下有用处。

以下是相关的图片。

image

好了,下一步,我们必须去一趟您的部落格管理后台。

image

进入了部落格管理后台,请点击右上角的 部落格 以进行相关设置。

image 

然后,在左边的边栏,选择 部落格管理 之下的 侧边栏位设定

image

然后在最右边的侧边栏的 版位暂存区,选择 新增版位

image

当点击之后,就会出现一个叫做 新增自订栏位 的层,在这里,我们必须填上设置了。

自订栏位标题 可以不用填写,而 自订栏位内容 则粘帖刚才在清心个人空间所得到的部落格代码。

而自此,基本上无误的话您的设置已经完成。

现在,您只需在后台发表一篇部落格,发表后,请到部落格首页刷新一下,最新的标题讯息就会发送到清心个人空间了。

同时,当您正确进行了以上的步骤之后,您在清心个人空间的一个页面的头像也会显示出来,在显示最新加入帐号的地方。另外,我们之后也会制作一个页面,专门让各位有使用我们的系统的会员来好好展示你们的部落格。

感谢各位的支持。

(这次开发了6到7个小时,哈!)

2008年11月24日星期一

如何设置清心个人空间与Blogspot互通?

本文章是进行教学,如何设置清心个人空间与 Blogspot 互通,其功能是,当用户在自身的 Blogspot 部落格发表了一篇部落格,这个操作会自动发送到清心个人空间(UCHOME)网站动态,从而让其他站点用户及好友可以查看。

如:我在我的部落格发表了“我暗恋企鹅”这个标题的部落格,网站动态就会显示:

fyhao 在 Blogspot 发表了一篇名为 “我暗恋企鹅”的部落格,其他用户可以点击该标题进入该部落格页面查看哦!

好了。

在设置功能的前提下,您必须拥有一个清心个人空间帐号,您的帐号可以在清心的任何一个站点注册后,用户帐号是通用的,所以可以来这里注册:http://u.qxinnet.com/do.php?ac=register。第二,您必须拥有一个 Blogspot 部落格帐号,可以来此 http://www.blogspot.com 申请一个。

当申请完后,即将开始设置了。

第一步,请登入到清心个人空间,然后点击右上角的 设置,然后点击 额外功能 ,再点击 Blogspot 设置,然后可以开始设置了。

image

根据以上的截图,您可以填写您的部落格帐号,并填写您的部落格网址。部落格网址必须不包括 http:// 。当天写好后,可以点击提交,之后,就可以看到下面有一个部落格代码,请复制整段代码。

第二步,登录到您的 Blogspot,到 Customize 设置后台,并选择 Layout。

在随便一个地方 Add a Gadget,选择 HTML/Javascript。并把以上的代码复制到 Content 框框,而 Title 可以放空。

image

image

image

(注意:当您每次提交修改后,部落格代码都会更新,所以每改一次,就要去重新进行以上的步骤。)

第三步,您可以到您的部落格前台。如果您的标题没有填写任何东西,基本上您是看不到页面上有什么变化的。但,您现在可以尝试发表一篇部落格,清心个人空间首页(http://u.qxinnet.com)就会马上显示您的部落格发表信息了。

此功能的好处是:可以帮部落客们宣传部落格,使社区和社区之间可以有更多的链接,更完善的可以关心好友的动态。

(昨天刚发现其他部落格服务不能增加 Javascript 代码,所以暂时没有办法实现其他版本的。。。除非有本事和他们合作,直接 API 过来)

感谢大家的支持。

2008年11月21日星期五

Qxinnet Youtube Downloader Tutorial

At some times, I have seen some youtube downloader software, which is able to download the youtube movie to the computer, to play offline. It downloads the FLV movie to the computer, but you need a FLV playback software to play the FLV.

Now, I have developed a php web application which able to analyse the web link and after that giving the downloading link of the FLV movie for the user. I created this web application which double language version, english and chinese.

OK, let me show you how to use my web application to download a FLV movie.

First, you can open this web link: http://bbs.qxinnet.com/youtube_download.php

image

First, you will see a big picture which show the youtube downloader (this picture is taken from a software), and you will see a youtube video link, here you need to fill in the blank with the example, as you can testing on it. Next, you need to click the "Get Link" button, let the system to find the FLV movie to you to download.

image 

Just wait for one to three seconds, and the result will shown to you. You can see the download link available, you just click to download it. And I also provide another solution for my chinese forum to let the user to publish the youtube code into the thread. You can ignore it.

Here, I will also giving the source code, but you need to go my forum to download it.

http://bbs.qxinnet.com/thread-25916-1-1.html

Please acknowledge the author, the meta information that you can not change it yourself.

Thanks the reader come to see my tutorial. I will do it well next times.

2008年11月16日星期日

Blogspot 如何开启 Add a Gadget 按钮?

欢迎来到本人的部落格教学哦!

很多人使用了 Blogspot 来开部落格,在 Customize 它的 Layout 以 Add a Gadget 的时候,觉得模板中可以加插件的地方很少,造成的结果就是可以美化的地方变少了,少了更自定义设计的满足感。

对于不知什么是 Gadget 的朋友们,这里简单的介绍一下。这个插件,可以根据不同部落客们的个人要求而增添,在部落格文章旁,使用增加插件的方式可以置放额外的功能,如 Slideshow,照片,其他类型的文字或小应用等。

其实,Blogspot 的很多模板的很多元件都默认关闭,您必须修改模板代码以开启它。

一开始,您在 Page Elements 页面,您会看到模板及各元件显示出来。

image

如图显示,这个是模板的部分图片实例,博客文章,其实这个元件,的上面或下面可以再增加 Gadget 的哦,但您必须找到代码,并修改一个参数才能实现,好了,我们现在就开始了。

首先,在上面导航栏寻找 "Edit Html" 并点击,就会跳到编辑 HTML 代码的页面。

如果您熟悉 HTML 代码,这点一定难不倒您,若您不会 HTML 代码也不用紧。

现在呢,本人想要打开博客文章的加插件的特性,首先,找到以下代码。要注意的是,您的模板和本人的模板代码稍微会有所不同,但基本上还是一样的。

image

寻找 title='博客文章',您或许就会找到类似以上的代码。

找到了这段代码,最重要的是需要看上面一行的参数 showaddelement,这个参数默认是放 “no”,我们的目的是要把它改成 yes。

image

改成 yes 之后,点击右下角橙色的按钮,Save a Template。

之后,再回去 Page Elements 页面。

image

您就会发现在“博客文章”上面,就出现了 Add a Gadget 了,自此,您就可以随意添加插件了哦!!!

聪明的您,肯定想到了吧,就搜索全模板代码的 showaddelement 参数,把他们的值全部改成 yes,哈哈!!!

谢谢支持我的部落格教学。欲阅读更多的教学,请来到这里:http://fyhao.blogspot.com

2008年11月15日星期六

部落格投票插件安装教学

呵呵,我又来做教学了,另外一个制作的部落格投票插件安装教学。以下我放一个截图。

image

基本的界面就是这样,由一个标题组成,下面就会有固定四个选项。当您选择什么选项的话,就点击旁边的按钮 A B C D 即可。当您选择其中一个选项后,就会开出一个 window,放心没有病毒。以下是开出 window 的截图。

image

您可以看见目前所投票的票数显示栏。

当中,会有无数个题目,他们会随机显示,其中您所投票之后,系统将会记录您投票了,您就不能再重新投票了。而这个程序是放在很多部落格上及网站上,不论您在什么网站投票后,系统都会同步记录。

现在我就以 Blogspot 为教学方法,其实其他部落格程序都是同一个安装方法,就只是放 HTML code 而已。

同一个情况,以 Blogspot 为例,进入 Customize 管理后台,然后选择 Layout。到了界面页面,选择 Add a Gadget,然后寻找 HTML / Javascript,然后记得粘帖以下代码。

image

Title 可以放投票

Content 可以放以下的 HTML 代码

<script charset="utf-8" src="http://web.qxinnet.com/script/vote/vote.php" type="text/javascript"></script>

自此以后,就会显示投票代码了。

这个投票的问题内容都会比较多相关马来西亚的问题,以马来西亚的读者为主。

2008年11月11日星期二

BMI计算器插件安装方法

 

BMI 计算器插件安装方法,我这里以 Blogspot 为教学。

无名小站我还没去研究。

首先,BMI计算器的演示网址,大家可以来我的 blog 看,http://shasha-hao.blogspot.com 右上角。。。

image

就那么简单的功能,但是也是很有趣啦!

要如何安装呢?

安装方法,首先请到您的部落格 Blogspot 控制台,进入方法,可以从您的部落格点击右上角的 Customize 。

image

好了,选择 Layout,就能来到这个页面。看见左边的导航条吗?有一个 Add a Gadget。(注意,不同 template 就会出现在不同的地方,但其实,如果会改的话,要哪里加都可以,图示的部落格界面是 http://fyhao.blogspot.com 的)

当开启了 Add a Gadget,就会开启一下页面,选择 HTML/ Javascript

image

按 “+”的符号来增加一个 Gadget。

image

Title 可以放“BMI计算器”,或者您可以自行填写标题。

Content,就可以粘帖以下的 HTML 代码

<script src="http://web.qxinnet.com/script/bmi.php" type="text/javascript"></script>

再按 Save,就会显示出来了。

 

目前这个BMI计算器,只有中文版,我之后会写一个英文版本,并会优化界面,以及增加更多的提示及解释。

当版本更新的时候,各位安装的BMI计算器都会同步更新,无需重新改动。

谢谢大家观赏这个教学哦,您的支持是我继续成长的原动力。

使用 Word 2007 发表部落格教学

一个振奋人心的功能,应该很多人知道了,但应该还有一些人不知道,那么我就来这里教大家,如何从Word 2007发表自己的部落格吧!

首先,第一个要求,您必须拥有部落格帐号。第二个要求,您必须已安装了Microsoft Office 2007

好了,开始,第一步,开启您的 Microsoft Word 2007。

然后选择 New

image

如图所示,选择 New blog post,点击右下角的 Create,就会开启一个新的页面,这个页面就是用来写部落格的。

当第一次使用的时候,它会要求开启一个帐号。但如果您省略了这一步,您可以之后再进行设置帐号。当然,要实现从 word 2007 发布部落格文章到您的部落格,您必须先设置帐号。

image

第二步,设置部落格帐号,就是开一个 Account。

点击 Manage Accounts,就会出现以下的界面。

image

这个是站长的部落格记录。您可以点击 New,设置一个新的帐号绑定。

第三步,点击 New。

image

之后,就会出现以上画面,从这个画面,你可以在 choose your blog provider 那里下拉菜单,选择选项。

image

如果您拥有 Window Live Spaces,您大可选择 Window Live Spaces,如果您拥有 Blogspot 或 Blogger,可以选择 Blogger,如果您是使用清心的部落格服务,您可以选择 Other。

在此我假设您选择清心的部落格服务,那么您就选择 Other,选择之后,请按右下角的 Next 进行下一步

image

到了这一步,如图,API选择 MetaWeblog。

Blog Post URL 填写 http://space.qxinnet.com/xmlrpc.phphttp://u.qxinnet.com/xmlrpc.php

看你选择什么部落格服务,就选择哪一个,前者的范例部落格是 http://space.qxinnet.com/?1 或者的范例个人空间是 http://u.qxinnet.com/?1

接下来,下面必须填写 Account Information

Username 填写清心论坛的用户名
Passowrd 填写清心论坛的密码

之后您就可以选择 OK 了。

就这么简单。

现在您就可以开始写您的部落格了。

image

看到了吗?上面就是标题,下面就是你的部落格内容,你可以写你要写的东西,随便你,你拥有所有自由,但只要不要放一些敏感的文章即可。。。

好了,是吗?

写好了,你就点击 Publish,就可以发布您的部落格了。

使用 Word 2007 发表部落格就是那么简单,而且非常的方便,真的是非常棒的用户体验。

另外,在技术上,他所生成的代码也非常的清晰,简洁,可谓是人间极品。

新天下Flash游戏的游戏安装方法

新天下Flash游戏这个插件很出名,很多网站都有安装。

但我发现大家安装的游戏都是一个包装的,而我的清心网站习惯自己一个一个来。

今天我就来分享一下如何安装一个游戏吧!

Flash 小游戏下载板块:http://lthung.org/forum/forumdisplay.php?fid=156
安装游戏方法:
本人假定您已安装了新天下Flash游戏程序,在此不作教学了。
当进入那个板块,你可以看到很多游戏,一个游戏一个主题。
选择最新的游戏主题,按进去。
这时,请使用FTP软件进入你的网站。找 nkflash 目录然后进去。
好了,回到那个网站,首先,你必须右键下载那个游戏图片,以及右键下载那个Flash游戏到你的电脑。
记得,那个游戏和图片的文件名一定是同名的,比如图片叫做 abc.gif,游戏就叫做 abc.swf
然后,你得 copy 那个 SQL 代码。当你发现那个SQL代码是繁体的话,你可以到 http://translate.google.com 去翻译成简体,之后呢,到系统设置,论坛后台,系统工具,进行数据库升级。
这样就可以了。
最好是使用自己的图片和游戏,不要盗链其他人的哦!!!!!

更多问题可以来这里发问:http://bbs.qxinnet.com/thread-25920-1-1.html

我会在那边给大家解答。