帮小工具标题添加影子

小工具标题添加影子的效果如下

ブログのディレクトリ

首先去设计 >> 修改HTML >> 按 Ctrl+F 找

.sidebar h2 {  or  h2{

在它下面添加

text-shadow: 2px 2px 2px pink;

pink 是你的影子颜色【可以自行更改】

此效果只能在Mozilla Firefox & Google Chrome下看到

把link下面的线条去除

link 也就是 超连接

Example:   把link下面的线条去除

首先去设计 >> 修改HTML >> 按 Ctrl+F 找

【  a:hover {  】

在它下面几行你会看到

【   text-decoration:underline;   】

Google Translate 小工具

Google Translate

是能帮你翻译的小工具

添加的方式很简单

首先 先到

设计 >> 页面元素 >> 添加小工具 >> HTML/JavaScript

再添加下面的code就行了

<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>

用滚动条缩短你的小工具

滚动条也叫做scroll bar

可以用滚动条缩短你的博客归档

让你的部落格看起来比较整齐

如下:

博客归档

▼  2011 (25)

▼  八月 (16)

小小搞怪播放器

文章标题旁添加图案

Kitty 分隔线

如何隐藏小工具的标题

日系分隔线

添加漂浮Follow按钮

去除讨人厌的图片框框

让''较新·主页·较旧''变成图片

小小搞怪播放器

() 我的播放器  可爱吧

是不是看到我的播放器

觉得很可爱？很逗趣？很特别？

也想弄一个放在自己的部落格

haha xDD

其实这个是 youtube播放器 来的

我觉得只是一个小小黑黑的正方格不好看

就小小的改装了下

文章标题旁添加图案

新模板  vS   旧模板

 新模板

首先到Design-->Edit HTML
将Expand Widgets Template打√

按 Ctrl+F 找一下代码

<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>

因为每个人背景不同的关系

所以不能完全找到一模一样的代码

没关系  找到累似的就行了

Kitty 分隔线

如何隐藏小工具的标题

在部落格放了很多小工具

可是每个小工具的标题都会显示出来

感觉不是很整齐

可是不放又不行

你会不会也有这个困扰？

日系分隔线

添加漂浮Follow按钮

看到很多人的部落格

左上角  或  右上角

有漂浮着的Follow按钮

自己也想弄一个

只要跟着我做就可以了

去除讨人厌的图片框框

是不是觉得图片旁边的框框

很讨人厌呢？

感觉很碍眼  又不好看？

去除图片框框

很简单

让''较新·主页·较旧''变成图片

让普普通通的

较新·主页·较旧

换成图片

好看又美观

首先到设计 > Edit HTML

在【扩展窗口小部件模板】打勾

我们先把主页的字换成图片

按 CTRL + F 找

<data:homeMsg/> 

用 <img src='图片网址'/> 取代上面的代码

可爱Back To Up按钮

别忘了关注我噢  :)  也帮我按下Ads Nuffnang噢

Back To Up

按钮就是按了下

会返回最上端的按钮

我比较喜欢卡通或有造型的按钮

不喜欢那种

死板板只是一个箭头的

Back To Up按钮

我会在下面放些我找到的素材

如果你也喜欢

只需要click右键按save images as..

就可以了

访客计时器

部落格  访客计时器

能计算

访客到访你的Blog有多久

是不是很有趣？

现在就跟我一起动手吧

编制部落格de飘落效果 (逗趣·卡通）

部落格飘落一些

雪花 / 心形 / 樱花等

挺普通的

所以

我们来点搞怪的吧

部落格访客总结小工具

常常看到别人的部落格

有访客总结的小工具

自己也想要

却不知道应该

怎么弄？

部落格.时钟/日历 3 (日系)

我找到了一些比较

日系风

的

部落格  时钟/日历

来跟大家分享

喜欢也可以copy代码

放在自己的部落格用哦

首先 先到

设计 >> 页面元素 >> 添加小工具 >> HTML/JavaScript

再添加下面的code就行了

==============================================================

<script language="JavaScript" type="text/javascript" charset="utf-8" src="http://www.clock-widgets.net/clocks/d5_007/clockwidget.js"></script> <div style="width:160px; text-align:center; font-size:11px;"><a href="http://www.clock-widgets.net/clocks/d5_007/index.html" target="_blank">ブログパーツ時計</a></div>

编制部落格de飘落效果 (心形）

让部落格拥有飘落效果

其实很简单

首先 先到

设计 >> 页面元素 >> 添加小工具 >> HTML/JavaScript

再添加下面的code就行了

_______________________________________________________

闪电之心

<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=43 height=540 style='position:absolute; left:66%; top:20px; width:13; height:540px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=9 height=528 style='position:absolute; left:83%; top:63px; width:13; height:528px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=3 scrolldelay=23 height=630 style='position:absolute; left:7%; top:145px; width:13; height:630px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=19 height=658 style='position:absolute; left:16%; top:147px; width:13; height:658px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=16 height=522 style='position:absolute; left:66%; top:188px; width:13; height:522px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=6 scrolldelay=40 height=527 style='position:absolute; left:15%; top:107px; width:13; height:527px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=8 height=623 style='position:absolute; left:7%; top:138px; width:13; height:623px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=42 height=594 style='position:absolute; left:32%; top:119px; width:13; height:594px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=43 height=589 style='position:absolute; left:93%; top:133px; width:13; height:589px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=33 height=589 style='position:absolute; left:44%; top:98px; width:13; height:589px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=24 height=510 style='position:absolute; left:13%; top:177px; width:13; height:510px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=41 height=606 style='position:absolute; left:8%; top:167px; width:13; height:606px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=6 height=573 style='position:absolute; left:26%; top:6px; width:13; height:573px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=13 height=532 style='position:absolute; left:60%; top:132px; width:13; height:532px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=6 scrolldelay=35 height=671 style='position:absolute; left:76%; top:53px; width:13; height:671px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=47 height=541 style='position:absolute; left:75%; top:137px; width:13; height:541px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=32 height=614 style='position:absolute; left:51%; top:138px; width:13; height:614px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=12 height=662 style='position:absolute; left:8%; top:71px; width:13; height:662px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=45 height=593 style='position:absolute; left:82%; top:148px; width:13; height:593px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=6 scrolldelay=22 height=572 style='position:absolute; left:37%; top:139px; width:13; height:572px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=16 height=516 style='position:absolute; left:43%; top:165px; width:13; height:516px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=31 height=647 style='position:absolute; left:80%; top:13px; width:13; height:647px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=22 height=553 style='position:absolute; left:44%; top:18px; width:13; height:553px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=45 height=578 style='position:absolute; left:51%; top:123px; width:13; height:578px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=29 height=657 style='position:absolute; left:44%; top:135px; width:13; height:657px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=17 height=682 style='position:absolute; left:34%; top:122px; width:13; height:682px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=6 scrolldelay=34 height=559 style='position:absolute; left:80%; top:133px; width:13; height:559px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=6 scrolldelay=40 height=529 style='position:absolute; left:48%; top:73px; width:13; height:529px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=6 scrolldelay=33 height=653 style='position:absolute; left:13%; top:101px; width:13; height:653px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=30 height=655 style='position:absolute; left:26%; top:199px; width:13; height:655px;'><img src=http://dl7.glitter-graphics.net/pub/79/79817mmwi4517h7.gif border=0></marquee>

设置目前在游览BlogBlog的人数

想不想知道  现在有多少人

在读读你BlogBlog

想知道的话

请你跟我 这样做

不织布手机袋

昨天

2/8/2011

我又手痒

跑去DIY料

这次做的是手机袋

总共②个

................................................................................................................................

First

这是我的草稿

做出来之后

是酱的

走的是简单风格

♪ ♪ 在部落格也能弹钢琴

上网搜索到了这些

可以

在部落格弹的钢琴

首先  先到

设计  >>  页面元素 >> 添加小工具 >> HTML/JavaScript

在添加你要的code就行了

<img src="http://img237.imageshack.us/img237/1562/pianolr7.gif" width="420" height="363">
<br>
<embed src="http://img136.imageshack.us/img136/7580/pianoot5.swf" quality="high" bgcolor="#ffffff" width="420" height="90"></embed>

部落格.时钟/日历 2

首先  先到

设计  >>  页面元素 >> 添加小工具 >> HTML/JavaScript

在添加你要的code就行了

<script type="text/JavaScript" src="http://blog-pitatto.com/blogparts/clock_choco/js/BP_chococlock.js"></script>
<script type="text/javascript" language="JavaScript">
<!--
BP_writeChocoClock('choco');
// --></script>

部落格.时钟/日历

首先  先到

设计  >>  页面元素 >> 添加小工具 >> HTML/JavaScript

在添加你要的code就行了

<script type="text/JavaScript" src="http://blog-pitatto.com/blogparts/clock_dot/js/BP_dotclock.js"></script>
<script type="text/javascript" language="JavaScript">
<!--
BP_writedotClock('black');
// --></script>

<script type="text/JavaScript" src="http://blog-pitatto.com/blogparts/clock_dot/js/BP_dotclock.js"></script>
<script type="text/javascript" language="JavaScript">
<!--
BP_writedotClock('bloun');
// --></script>

不织布 ♡ 萌龙手机袋

我做的

萌龙手机袋

可爱不？

xD

▪  ▪  ▪  ▪  ▪  ▪  ▪  ▪  ▪  ▪  ▪  ▪  ▪  ▪  ▪  ▪   ▪   ▪   ▪   ▪   ▪   ▪   ▪   ▪   ▪   ▪   ▪   ▪

 

其实我是模仿

网上找到的

卡通龙

可爱鼠标【2】

首先  先到

设计  >>  页面元素 >> 添加小工具 >> HTML/JavaScript

在添加你要的鼠标code就行了

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-4/nat329.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/11/21/cute-squirrel-walking.html" target="_blank" title="Cute Squirrel Walking"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cute Squirrel Walking" style="position:absolute; top: 0px; right: 0px;" /></a>

Cute Bunny 鼠标

首先  先到

设计  >>  页面元素 >> 添加小工具 >> HTML/JavaScript

在添加你要的鼠标code就行了

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-4/nat315.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/11/06/nat315.html" target="_blank" title="Cute Bunny 5"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cute Bunny 5" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-4/nat317.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/11/06/nat317.html" target="_blank" title="Cute Bunny In The Rain"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cute Bunny In The Rain" style="position:absolute; top: 0px; right: 0px;" /></a>

可爱鼠标 【1】

首先  先到

设计  >>  页面元素 >> 添加小工具 >> HTML/JavaScript

在添加你要的鼠标code就行了

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-1/nat11.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/04/19/nat11-11.html" target="_blank" title="Cute Running Grey Dog"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cute Running Grey Dog" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-2/nat192.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2006/03/09/nat192.html" target="_blank" title="Cute Rocking Baby Monkey"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cute Rocking Baby Monkey" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-2/hol148.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2006/02/14/hol148.html" target="_blank" title="Teddy Bear Holding A Heart Balloon"><img src="http://cursors-4u.com/support.gif" border="0" alt="Teddy Bear Holding A Heart Balloon" style="position:absolute; top: 0px; right: 0px;" /></a>

hello kitty n melody 鼠标

首先  先到

设计  >>  页面元素 >> 添加小工具 >> HTML/JavaScript

再添加你要的鼠标code就行了

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-10/ani979.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/11/11/cute-hello-kitty-kaoani.html" target="_blank" title="Cute Hello Kitty Kaoani"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cute Hello Kitty Kaoani" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-10/ani977.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/11/11/waving-hello-kitty-kaoani.html" target="_blank" title="Waving Hello Kitty Kaoani"><img src="http://cursors-4u.com/support.gif" border="0" alt="Waving Hello Kitty Kaoani" style="position:absolute; top: 0px; right: 0px;" /></a>

如何让连接旁有小图案

padding:7px; background:url(http://img854.imageshack.us/img854/1679/136009ciooocom.gif) no-repeat;

Copy ↑↑↑ Code

然后到

设计 → 修改HTML