部落格播放器

部落格播放器

Reply To: Q.qing & Lance Chiah & Im 大便头 & Others


对于Mixpod的关闭，造成许多人无法轻松的像如往一样要什么歌就搜一搜，
copy了代码放去部落格就能享有部落格播放器了。

在这里我决定重新把之前Dewplayer播放器的教程缩减成简易明白。
也让许多用户能够通过这样的一个教程直接享有属于自己的播放器。
当然，Dewplayer属于非常精简界面的一款播放器，如果想要其他类型的播放器，
用户可以到google搜一搜，就能够找到适合自己的了。

Dewplayer的歌曲需要自行Upload（上传）到网上。而前提是上传的网站必须支援外链功能，如： fileden,Dropbox等。
在这里我比较建议各位使用Dropbox，毕竟此网站的上传和下载速度都快于Fileden，而且buffer也比较稳定。以下是我提供给各位的连接

Dropbox：https://www.dropbox.com/
Fileden：http://www.fileden.com/


--------------------------------------------------------------------------------------------------------
注意：

歌曲方面大家可以通过酷我，酷狗之类的软件下载，甚至是到搜狗等网站都可以下载。
而上传方面大家先尝试，下载Dropbox软件，
然后在官方网站申请一个户口，这个大家应该会吧？
好了之后就在你所下载的dropbox软件登入。

而如何上传呢？基本上有两种方式，一个是你去到Dropbox的网页登入后上传。
另一个则是直接放进你电脑里的Dropbox箱来进香同步。

---------------------------------------------------------------------------------------------------------

*以上的上传方式大家先去研究，有收益，经验总是好的。不明白的话才EMAIL我询问：kenchy710@gmail.com

以下正式教你如何添加播放器，首先copy以下的代码到你的部落格。


<p align="center"><object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2010/2/7/2752539//dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /> <param name="movie" value="dewplayer.swf" /> <param name="flashvars" value="mp3=歌曲链接&autostart=1&autoreplay=1&showtime=1" /> <param name="wmode" value="transparent" /> </object></p>

就像平时添加插件的方式，如果不知道怎么添加。
请查看以下的教程：

添加插件：
http://kenchywasdead.blogspot.com/2012/11/blog-post.html

*请记得不要先按Save

因为还要编辑，那只不过是我上传的播放器代码。还没有添加你们的音乐呢～
所以当你上传了歌曲到Dropbox后，跟着以下的步骤做：

点击了滑鼠右键后选择Download（下载）。
这时你的歌曲就会进行下载了。
和下图一样：

我们需要点击Show all downloads来看下载目录，
这时你的电脑应该会这样显示：

你必须在选择刚才下载的歌曲，在上面点击滑鼠右键，
然后选择Copy link address来获得下载链接。

你所获得的下载链接地址应该会是这样子：

https://www.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3
https://dl.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3?token_hash=AAF3_JdeOTyiEnK4GpH258gJLw4V6SaMUbJGyxinfEaEFA&dl=1 

但是Dewplayer播放器并没有办法识别这样的连接。所以其实很简单。
我们只需要把以下www的部分更改成dl就可以了。
如：

更改前：
https://www.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3

更改后：
https://dl.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3

在把它放进我所发放给各位的代码里。代替红色的那一行，如：

之前：

<p align="center"><object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2010/2/7/2752539//dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /> <param name="movie" value="dewplayer.swf" /> <param name="flashvars" value="mp3=歌曲链接&autostart=1&autoreplay=1&showtime=1" /> <param name="wmode" value="transparent" /> </object></p>

之后：

<p align="center"><object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2010/2/7/2752539//dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /> <param name="movie" value="dewplayer.swf" /> <param name="flashvars" value="mp3=https://dl.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3&autostart=1&autoreplay=1&showtime=1" /> <param name="wmode" value="transparent" /> </object></p>

完毕！
我不知道到底有多少人做得到。
如果没有办法做到的人，可以Email我，
但别在完全没有尝试的情况下就问我。
那我开教程的意义就没有了。

想更深入了解的人可以参考:

Dewplayer部落格播放器：
http://kenchyclass.blogspot.com/2010/02/dewplayer.html

Blogger部落格简洁播放器[有List版]：
http://kenchyclass.blogspot.com/2010/04/bloggerlist.html

By Kenchy

阅读全文

收缩文章

回复排行（Top Commentators）

想要的人请点击以下的图片安装到你的部落格



by:kenchy

阅读全文

收缩文章

Back To Top/Scroll To Top（自动安装）

之前开过两个Back to top的教学，不过依然还是有许多人弄不到
这里给大家一个比较简单的方法，直接点击以下的图片安装到你的部落格就可以了

之前的Back To Top教学文章：
http://kenchyclass.blogspot.com/2010/06/back-to-top_20.html
http://kenchyclass.blogspot.com/2010/06/back-to-top.html

by：Kenchy

阅读全文

收缩文章

最新文章（Recent Posts）

想要的人，点击以下的图片安装到你的部落格就可以了。




by:kenchy

阅读全文

收缩文章

Blogger的分页功能

许多人都弄不到之前的分页功能，在这里提供大家这个功能
而且非常方便~

首先，点击以下的图片


点击了之后，你就可以将这个功能安装到你的部落格了
简单吗？=)

by:kenchy

参考更多：http://www.bloggerplugins.org/2009/09/numbered-page-navigation-for-blogger.html

阅读全文

收缩文章

Sharebar分享选单

这个功能除了可以站内搜索（不过本人的好像不能= =），也提供了许多分享功能
想要的人~登入你的部落格，到Design-->Add A Gadget-->HTML/JavaScript
将以下的代码放进去就可以了~

<script src="http://sharebar.addthiscdn.com/v1/sharebar.js" type="text/javascript"></script>

<div class="addthis_sharebar_config" style="display:none;">
* username: your AddThis username
</div>


如果不要标题显示，那么就在标题打<h2></h2>就可以了哦~

by:kenchy

阅读全文

收缩文章

部落格下拉菜单/分类菜单

这是一个不错的下拉菜单，它可以分类成很多~
通常下拉菜单是提供给有许多页面/标签要向读者分享的人
不然用了会不知道该放什么好~而不放却又显得多余
想要的人请跟着以下步骤做，在此我也先声明，不是每个人的部落格背景都能接受这个插件
新版本背景的用户可能无法实现下拉的效果



步骤一：
到Design-->Edit HTML找到以下的代码
]]></b:skin>

步骤二：
然后在他的上面放上以下代码：

#menu {width:740px; background: #3aa3d3; height:25px;; text-align:center; position:relative; z-index:500;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;}
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {margin:0 auto; background:#710;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
#menu ul.level1 {background:#3aa3d3;}
#menu ul.level2 {background:#ae4621;}
#menu ul.level3 {background:#c98b14;}
#menu ul.level4 {background:#9f690e;}
#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#fff; line-height:25px; text-decoration:none;padding:0 20px 0 10px;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
#menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}
#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}
#menu li.left ul a {text-align:right; padding:0 10px 0 20px;}
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul,
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
#menu a:hover ul ul,
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul,
#menu li.left a:hover a:hover ul ul {left:-9999px;}
#menu li a.fly {font-variant: small-caps;}
#menu li.left ul a.fly {font-variant: small-caps;}
#menu li a:hover,
#menu li a.fly:hover {background-color:#555555;}
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#555555;}
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

*有时候可能会因为代码的干扰，造成无法显示，所以如果放了所有代码之后依然无法正常显示
那么你可以将以上的代码放到Headings之下或Header之下

颜色代码可以自行更改，太多了，大家自己看看哦

放好了之后按Preview看能不能打开部落格首页，如果没有问题才按Save。


步骤三：
然后到Design-->Add A Gadget-->HTML/JavaScript
将以下的代码放进去

<div id="menu">
<ul class="level1">
<li class="level1-li"><a class="level1-a" href="#url">Home</a></li>
<li class="level1-li"><a class="level1-a fly" href="#url">Contact Us<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level2">
<li><a href="#url">Email</a></li>
<li><a href="#url">Telephone</a></li>
<li><a href="#url">Online Form</a></li>
<li><a href="#url">Snail Mail Address</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="level1-li"><a class="level1-a fly" href="#url">Resort<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level2">
<li><a href="#url">Ski Hire Facilities</a></li>
<li><a class="fly" href="#url">Main Ski Slopes<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="#url">Beginners Slopes</a></li>
<li><a href="#url">Intermediate Slopes</a></li>
<li><a class="fly" href="#url">Advanced Skill Levels<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level4">
<li><a href="#url">Local</a></li>
<li><a href="#url">Nearby</a></li>
<li><a href="#url">With instructor</a></li>
<li><a href="#url">Snow boarding</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="#url">Expert</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="#url">Night Life</a></li>
<li><a class="fly" href="#url">Restaurants<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="#url">Snow Hotel</a></li>
<li><a href="#url">The Snowman</a></li>
<li><a href="#url">Ice Cavern</a></li>
<li><a href="#url">Ski Inn</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a class="fly" href="#url">Car Hire<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="#url">From Airport</a></li>
<li><a href="#url">In Resort</a></li>
<li><a href="#url">Multiple Resorts</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="level1-li"><a class="level1-a fly" href="#url">Surrounding Area<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level2">
<li><a href="#url">Where to go</a></li>
<li><a href="#url">What to do</a></li>
<li><a href="#url">Places of interest</a></li>
<li><a href="#url">National parks & Museums</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="level1-li left"><a class="level1-a fly" href="#url">Information<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level2">
<li><a href="#url">Money Exchange</a></li>
<li><a class="fly" href="#url">Resort Essential Information<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="#url">Lift Passes</a></li>
<li><a href="#url">Insurance</a></li>
<li><a class="fly" href="#url">Gear Rental<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level4">
<li><a href="#url">Boots</a></li>
<li><a href="#url">Skis</a></li>
<li><a href="#url">Ski Wear</a></li>
<li><a href="#url">Goggles</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="#url">Ski Schools</a></li>
<li><a href="#url">Snow Report</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a class="fly" href="#url">Language<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="#url">Austrian</a></li>
<li><a href="#url">German</a></li>
<li><a href="#url">French</a></li>
<li><a href="#url">English</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="#url">Short Breaks</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="level1-li"><a class="level1-a" href="#url">Privacy</a></li>
</ul>
</div>

这一个代码有些许的混乱，我尝试调整了之后大概明白了一些
在这里向大家解释，也算是小小的教大家一些基本的代码=)
不过说真的，我的解释能力不是很好-.-请大家见谅..

1.那些level1-level4都分为菜单的层级，菜单第一层是level1，从level分出来的是level2

level2分出来的就是level3，随着这样来区分

2.level1-li代表下拉菜单朝向右侧打开

3.level1-li left代表下拉菜单朝向左侧打开

4.level1-a代表不打开下拉菜单

5.level1-a fly代表level1菜单要下拉

6.fly代表分类，如果你的菜单要分类，那么记得要放fly这字眼哦~

7.#Url可以替换为你的连接

我所知道得就上面这些了@@


如果你要开多一个分类而不要下拉，那么就添加以下代码
<li class="level1-li"><a class="level1-a" href="#url">名字</a></li>


如果你要添加一个分类，但是要有下拉，那么就添加以下代码
<li class="level1-li"><a class="level1-a fly" href="#url">名字</a>
<!--[if lte IE 6]><table><tr><td><![endif]-->

<!--[if lte IE 6]>是为了让他呈现下拉效果，所以别删除哦

添加了之后，你就可以在他下面添加下拉菜单了，如：
<ul class="level2">
<li><a href="#url">名字</a></li>
<li><a href="#url">名字</a></li>
</ul>


感觉自己解释到很复杂，但他真的就是这么复杂= =
而且还有些我没解释，我怕会越说大家越不懂哦
大概就这些了，大家慢慢弄~

还有现在Blogger限制要写标题，如果不要放标题的，就在标题的框内打<h2></h2>就可以了=)

by:kenchy

阅读全文

收缩文章

Cloud Flash Label（Flash标签）

昨天没开教程，让自己放松了一天~感觉很轻松...但还是回来了~
还是空之屋适合自己=)
在这里新开一个教程，关于Label（标签）~这是使用Flash做出来的~
喜欢的人就照着以下步骤做吧=)


步骤一：
首先下载以下这个文件：
http://www.box.net/shared/sjd27ru5lm


步骤二：
里面有一个Swf文件，将他上传到你的空间，如：Fileden之类的
然后将文件的连接（Direct Link）Copy起来


步骤三：
然后到Design-->Edit HTML，将右上角的Expand widget templates打勾
按Ctrl+F找到类似以下的代码
<b:section class='sidebar' id='sidebar' preferred='yes'>


步骤四：
然后在他的下面放上以下代码：


<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<object type="application/x-shockwave-flash" data="http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>


</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

注意：

红色部分更改为你刚才上传文件的连接

青色部分可以调整你的插件大小

蓝色部分是颜色代码-tcolor=字体颜色/bgcolor=背景颜色

紫色部分是Flash的移动速度

好了之后按Preview看看~可以了才按Save~还有要提醒大家~中文字不会显示哦！

完~

by:kenchy

阅读全文

收缩文章

在部落格添加风铃

有时候在别人的部落格右上角看得到一个风铃~丁丁当当响不停~想不想要？
想要得将以下的代码Copy起来放到Design-->Add A Gadget-->HTML/JavaScript就可以了哦~

<script type='text/javascript' src='http://parts.kuru2jam.com/js/SWFLayer.js'></script>
<script type='text/javascript' src='http://parts.kuru2jam.com/js/wind_chime.js'></script>

他的图片会自动变换~以下就是他的图片~

「涼」	「butterfly」	「夏のハナ」	「花火」	「十五夜」
加賀谷 和	ピクルス	ピクルス	ピクルス	ピクルス
「Flash夕涼み」	「椿」	「ひまわり」	「NIJI」	「Stary Sky」
加賀谷 和	加賀谷 和	HARO	kotono	Yukari
「風流」	「さくら」	「満月」	「朝顔」	「月夜」
鈴風☆風鈴	kotono	UCO	UCO	いちる
「がまん」	「飛行機雲」	「こいのぼり」	「Let's go swimming!」	「滝」
kotono	柴崎	kotono	knuttunk	大翔

而另一种方式和下面这个一样~就只在一个框里面放风铃~
想要得将以下的代码Copy起来放到Design-->Add A Gadget-->HTML/JavaScript就可以了~



<script language="JavaScript" src="http://parts.kuru2jam.com/js/wind_chime_mini.js" type="text/javascript"></script>


插件来自：http://parts.kuru2jam.com/parts/wind_chime/


by：kenchy

阅读全文

收缩文章

添加Reactions教学（完整）

许多人放不到reaction，我刚小小的拿自己的部落格代码对比了一下
发现少了一些代码哦= =对之前弄不到的人，我想说不好意思，又让你们等了=P
现在就照着以下的步骤做吧

首先，到Design-->Edit HTML
将有上角的Expand Widget Templates打勾

然后按Ctrl+F寻找以下的代码
<span class='post-comment-link'>

找不到的就找下面这个
<span class='post-icons'>


然后再你找到的代码之前放上以下代码

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>


然后你就可以依照我之前的教程做了=)
http://kenchyclass.blogspot.com/2010/06/reactions.html
大家，弄到了吗？

by:kenchy

阅读全文

收缩文章

在文章中添加评语（Reactions）

其实开这个教程时让我犹豫了一下，标题要放什么
Reactions?反应？回应？评语= =最后还是决定了放这个~
官方已经提供了这个功能，所以不需要加任何代码哦~

步骤一：
到Design~

步骤二：
然后在Blog Posts那里按Edit（如图）

步骤三：
进入Blog Posts Edit之后，就可以更改了~（如图）

记得在你要分开的字之间添加逗号，例子：

很好,不错,烂

好了之后记得在旁边打勾哦~然后按save就可以了~=)

弄不到的，请看这里：
http://kenchyclass.blogspot.com/2010/06/reactions_19.html

By:kenchy

阅读全文

收缩文章

添加部落格最新文章/最新回复（官方提供）

其实官方已经提供了这项功能，只是最多只能查看5个回复吧

1.登入您的部落格

2.到Design-->Add Gadget，添加Feeds(设计-->添加小工具，添加 供稿)

3.然后再Feed URL（供稿网址）添加你的部落格网址

切记:

如果你添加的是最新文章，请在你的部落格网址后面加上/feeds/posts/default
如果你添加的是最新回复，请在你的部落格网址后面加上/feeds/comments/default

例子：

http://your website.com/feeds/posts/default

http://your website.com/feeds/comments/default

就是这样~

by:kenchy

阅读全文

收缩文章

显示在线人数/显示来自哪里（地图）

1.显示在线人数

进入以下网址，你就能获取在线人数插件的代码了（如图）
http://whos.amung.us/
获取代码之后请登入您的部落格，到Design-->Add Gadget-->HTML/JavaScript
将代码放进去按Save就可以了~=)


2.显示来自哪里（地图）

进入以下网址，你就能获取地图插件的代码了（如图）
http://whos.amung.us/maps/customize/
你可以自行更改你要的地图风格，好了之后就到页面底下Copy代码

copy代码之后请登入您的部落格，到Design-->Add Gadget-->HTML/JavaScript
将代码放进去按Save，完成~

by:kenchy

阅读全文

收缩文章

部落格来访记录[Feedjit]

Feedjit提供部落格用户能够看到来访的记录，来自哪里，再看什么帖子
蛮很不错的~暂时我就用着它了~

Feedjit官方网站：http://feedjit.com/

进入以上的网站，你就会看到以下的画面~依照以下的说明与步骤做就能够在你部落格添加Feedjit了~

by:kenchy

阅读全文

收缩文章

教你更换Cbox背景

太多人问了，所以我决定在还没有完全准备好的情况下开这教程
首先，还没有cbox的人先到cbox申请一个ID，申请教程请看：http://kenchyclass.blogspot.com/2010/05/cbox.html
有了cbox之后请登入你的ID：http://www.cbox.ws/
然后到以下网址更换你的cbox画面
http://cbox.ws/admin.php?style


首先，必须将你的Cbox变成透明~怎么变？
跟着图片所指的地方，将全部颜色代码删除,这样就不会与图片背景重叠了（如图）

好了之后就可以到Publish!获取你的代码了~
然后在你的Cbox代码中找到以下这部分
<div id="cboxdiv" style="text-align: center; line-height: 0">

找到了之后用以下的代码替换上面的代码

<div id="cboxdiv" style="padding: 50px 0px 0px; background: transparent url(图片连接Direct Link) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 220px; height: 380px; text-align: center; line-height: 0pt;">

红色部分是你的图片网址，一定要更换哦

蓝色部分将随着你的图片大小来更改，width: 220px; height: 380px是随着我自己的背景高矮来更改哦，如果你的图片比较小，那么就将它调小。

例子：
更换前

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="200" height="298" src="http://www7.cbox.ws/box/?boxid=?????&boxtag=8wak2p&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#102AFF 1px solid;" id="cboxmain"></iframe></div>

<div><iframe frameborder="0" width="200" height="82" src="http://www7.cbox.ws/box/?boxid=?????&boxtag=8wak2p&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#102AFF 1px solid;border-top:0px" id="cboxform"></iframe></div>

</div>

<!-- END CBOX -->

更换后

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="padding: 50px 0px 0px; background: transparent url(http://img706.imageshack.us/img706/2797/anigif1vi.gif) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 220px; height: 380px; text-align: center; line-height: 0pt;">

<div><iframe frameborder="0" width="200" height="298" src="http://www7.cbox.ws/box/?boxid=?????&boxtag=8wak2p&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#102AFF 1px solid;" id="cboxmain"></iframe></div>

<div><iframe frameborder="0" width="200" height="82" src="http://www7.cbox.ws/box/?boxid=?????&boxtag=8wak2p&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#102AFF 1px solid;border-top:0px" id="cboxform"></iframe></div>

</div>

<!-- END CBOX -->

你们可以使用自己的图片，方法和我教的是一样的，别问我图片哪里可以找到
上google搜一搜，自己改一改就有了。

在这里提供我自己设计的一个：

http://img706.imageshack.us/img706/2797/anigif1vi.gif


如果大家有喜欢的图片，可以寄去我的email：kenchy710@hotmail.com
我将从中挑选我觉得不错的， 也可以改的，选择在于我哦~
请别逼我坐我不想做的~如果太复杂的图片就不会被我启用哦~
因为复杂的背景会让人怀疑是为了看背景还是为了看字而更改的~

如果弄不到，请将你的代码和图片寄到我的Email
如果弄到不完美，那也许是你的图片大小问题

不多说~之后如果有更多的设计才放上来和大家分享，别催我，小心你进入黑名单= =

by:kenchy

阅读全文

收缩文章

更换语言/翻译(Google Translate)

以下是能够翻译语言的代码，我分为3种，各有各的好=)
看你们喜欢哪种就用哪种哦~

第一种：



<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=zh-CN&w=160&h=60&title=&border=&output=js"></script>


第二种：



<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'zh-CN',
includedLanguages: 'sq,ar,az,ga,et,be,bg,is,pl,fa,af,da,de,ru,fr,tl,fi,ka,ht,ko,nl,gl,ca,cs,hr,lv,lt,ro,mt,ms,mk,no,pt,ja,sv,sr,sk,sl,sw,th,tr,cy,uk,eu,es,iw,el,hu,hy,it,yi,hi,ur,id,en,vi,zh-TW,zh-CN'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


第三种：



<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeh7zlKwLpvqgr2BF-yZLqDh4HchOsbVw8zv5kPd7GmMYoWdp8aQygawYehMmTLREg-A6UES5J8jgdBr-cSjISokkK_v5-DTTvNATtijk-VdbICWEnli8Rlb7mKyHm59EDhk7foEn14-4/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhguLGd1umAuDDZ9q0rJSr1NYzsUKzgB9Ec1hszYdQ29EAS3gZJznxfZr84J03LNlZq9QPjnfI1tF5hjL2z6yN44vYRMGAkLv8ne6akwBZ9P6Fhr1xWlPok7anNbgnl-KOXQYeO_Btf1w0/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7GRb7krMx9PuAdXiwOrEmnk7V0GnLRyqH_cDTxYjVdlqLxLXFrgVFZzlJrqeqphC1fyw-k3FycYZieLQWXQk7c4SMzF-VkC6zybsaO6rgwlphCliwXMoLh9alEuA1jduGneEMr0yu3ofU/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxxdSyt_O-MowBfqjGj_etWXsHNPmEd06yiDIK0V-9XMVIsxb0jz130sDaCQpRd66eP6LUWK08AW0dTjPFQfL2FCtuohK2mkm5lnpUAJcoG6XGZp7x9WE6-hsQuFeDHHKmBzzTQR-gosC6/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpBgNK_zNGdG3Z_M_Np6u8cUPXmYFKNb_V1HjmArzBM61anWajDGCmdjy9YM8EN6UxpHKC-nWDuTtxeBeK5MdGrWDKQ6_uGhDLp4OIB-8PHzK55oQ65bethXWCJwOZNfqtyke1tXEWl0/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWWawJJBNdQA9hWoAfTAwW3N6BboLj5biLOcffmxWdfmUeJeT3r1YdbX5PV4DIHgeJs-VTSYm_obWruBjawYLKgQEiuvY_GW2mpe_AdVP4dMoOnXhlRmFHPCMiaeFyvXceJzrd_aLL3e4/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTTj-U8ylexdLeyDYTc6Va3uzxFg2d-mFymHIB22ILlbuFVp25YvA7L_QsK3fREpE5T7Qhbit1B4Xj5ZcWeSCS20gAQUkqU64TlqnTj9G_WNql9uxtHMafWClI0tL0VwiwUev6aLL7yPE/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOhsafx3Jzgeywv6JzzU8mrD_Q5PvxXYDgfHIuUqXmDqzkASPggoEDrjMahSMi3RC8U54UIQ8rUGKeVKVpLMfIrA2741UIuAup7e96eR1_wdFXNIJPtowDpAAKH2i6S5CzDvsrk1af4ig/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq0EHXxYawUFCOzadAbH0ZXtTLCKRGQJ7b-JHAUkkzW9Imi79Q1GvmBQfC4lrs7NzvRvbKaQE2IrAfDF3DwsaqSq2zm7ybXU8hZ-GfNEc15Tfr8yunpKgmpoboa1_J5xWvc_o9eoeCXhv9/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCnQlr1EPLm0veTPol4279j3GzttPX2xg6jmLDwkZFAR1PyQtIKA7GzQWdV47wdBVosnrke2f6-nVQx9gaybWAz1z7vp_oaImqgmsKYQmWQ3QvwKoRKcI_hfkiRrJ1Ffme-Atullis494/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit0fplOBBLxoxqBC7Wz1nJOyrg3-SwYuleYcvzWVSdXp2Sd-GxDvFkZmePzCvxtfNQBdX-1Pp5FGl4md7fALX5PaiMVemVSWBcWtH1i_uoZaFNxwT_MxGcI_sLJNdCPvc5Tg8hXENSoJs/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglHQi_Bnq0sWahjJGdod72f-QwlbTh5BgqZrBX_t_DkdK0FqBk3BSbZ0ERnD9zTMQ1U5qPbMVuiH4JfYquwLMwf7L-jkVMhFvzOfc3hQ7BQdoUyQwLdQfDvgfn1FelvjIDl_wuOA7joYg/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
</div><div style="font-size:10px;margin:10px 0px 3px 0px">
by : <a href="http://www.blogspottutorial.com">BTF</a>
</div>


在这三种之中选出你要的一种，然后Copy他的代码
到Design-->Add Gadget
选java script/HTML，将你选的代码放进去按Save就可以了=)
完成~

by:kenchy

阅读全文

收缩文章

如何在部落格养宠物

其实这是刚刚一位会员问了我才决定放上来的@@
本人并不喜欢养假动物~要养就养真的~XD
哈哈，话不多说~这里叫你怎么养宠物~

官方网站：http://pet.benesse.ne.jp/
说实话@@我看不懂里面的字= =
也是乱乱按才按出来的~我只知道狗和猫的代码~其他的都不懂~
看得懂日文的就没问题，看不懂的可以学我乱乱按~XD
也许给你按出个恐龙也说不定=P




白褐色小狗
<script src="http://pet.benesse.ne.jp/cmp/dog/blogparts/js/script.js?type=1&s=0b54319bcb96b461e6bb0984c42d12b9" type="text/javascript">
</script>


粉红色小狗
<script src="http://pet.benesse.ne.jp/cmp/dog/blogparts/js/script.js?type=2&s=0b54319bcb96b461e6bb0984c42d12b9" type="text/javascript"></script>

蓝白色小狗
<script src="http://pet.benesse.ne.jp/cmp/dog/blogparts/js/script.js?type=3&s=0b54319bcb96b461e6bb0984c42d12b9" type="text/javascript"></script>





粉色小猫

<script src="http://pet.benesse.ne.jp/cmp/cat/blogparts/js/script.js?type=1" type="text/javascript"></script>

黑色小猫

<script src="http://pet.benesse.ne.jp/cmp/cat/blogparts/js/script.js?type=2" type="text/javascript"></script>

白色小猫

<script src="http://pet.benesse.ne.jp/cmp/cat/blogparts/js/script.js?type=3" type="text/javascript"></script>


下面还有一个特别网站~
http://abowman.com/
里面有养蜘蛛/鱼/青蛙/乌龟之类的~你们慢慢找吧=P

by:kenchy

阅读全文

收缩文章

访客计时器

想要一个访客计时器吗？
其实很简单~
在你的部落格加入以下代码=)


<form name="myform">
<td valign="top" width="135">
<input value="在线时间" name="clock" size="8"/></td>
</form>
<script language="JavaScript">
var id, iM = 0, iS = 1;
start = new Date();
function go()
{
now = new Date();
time = (now.getTime() - start.getTime()) / 1000;
time = Math.floor( time);
iS = time % 60;
iM = Math.floor( time / 60);
if ( iS < 10)
document.myform.clock.value = " " + iM + " 分 0" + iS + " 秒";
else
document.myform.clock.value = " " + iM + " 分 " + iS + " 秒";
id = setTimeout( "go()", 1000);
}
go();
</script>

阅读全文

收缩文章

教你如何Follow（给部落格新手）

因为小某某（我不知道他是弟弟还是妹妹~）的原因，我决定开一个我没想过要开的教程@@
部落格老手们别说你不会- -这是特别开给新用户的~


如何Follow?如果是Blogspot用户你只需要在他人的部落格按Follow就可以了~（前提是你要有Gmail帐号）

有些人的电脑无法用以上方式来Follow，说真的，我没遇过，所以这是电脑问题还是人的问题我也不懂= =
不过你可以依照以下的步骤来做~不但可以Follow Blogspot的部落格
也能Follow pixnet,无名,wordpress,yahoo或更多的部落格哦~


1.登入你的blogger，你就会看到底下有一个Add~按他~（如图）


2.将你要follow的网址打在以下的框内（Pixnet,无名,wordpress,yahoo还有其他的网址都可以），然后按Next（如图）


3.如果选择Follow publicly as xxx，那么你的头像就会在他的部落格显示
   如果选择Follow anonymously，你的头像就不会显示（如图）
   选好了之后按Follow就可以了


4.完。之后只要你Follow的部落格有更新，你就能够看得到了哦~（如图）


在对方的部落格也会显示你的头像~那样别人也能从他的部落格找到你的部落格了~（如图）



很简单吧？现在就来试试吧~XD
在下的部落格~
1.http://kenchyclass.blogspot.com/
2.http://kenchy-ruey.blogspot.com/

By:kenchy

阅读全文

收缩文章