添加follow button在帖子中

效果如图：



打开设计→修改HTML
然后在『扩展窗口小部件模板』的空格打勾。

同时按着键盘上 Ctrl 和 F，
寻找

<div class='post-body entry-content'>

然后在它下面添加以下代码
 <a href='http://www.blogger.com/follow-blog.g?blogID=1597981694362151590' style='clear: right; float: right; margin-bottom: 1px; margin-left: 1em;'><img src='http://img80.imageshack.us/img80/7462/followa.png'/></a>

 tips:
蓝色部分为图片网址，可自行更改。

红色部分为blogID
你可以在你的修改HTML的网址中得到你的blogID
如图：


最后再按个保存就行啦~？
不明白得可以举手发问....

放置CHAT BOX背景

FOR SHOUTMIX

首先，
先去设计→页面元素→添加小工具→HTML/JavaScript
paste你的shoutmix code

再copy以下的code
<div align="center" id="shoutmix" style="background: url(图片网址) no-repeat scroll left top transparent; height: 230px; padding-top: 30px; position: relative; width: 479px;">

把刚刚的code放在 <!-- Begin ShoutMix - http://www.shoutmix.com --> 后面

如图：





 tips: 
code里面的的 height（高度） , width（宽度）还有 padding-top 要跟着背景图片大小更改。

如图：



FOR CBOX

首先，
先去设计→页面元素→添加小工具→HTML/JavaScript

paste你的cbox code

把框里的字删除


再把那些字换成以下代码
<div align="center" id="shoutmix" style="background: url("图片网址") no-repeat scroll left top transparent; height: 450px; padding-top: 30px; position: relative; width: 220px;">

 tips: 
code里面的的 height（高度） , width（宽度）还有 padding-top 要跟着背景图片大小更改。

如图：

自制comment图片。

又是我DIY时间啦～
希望会喜欢.........(终于肯滚上来的说

如何放置？按我，到在comment-form添加图片教程



http://img849.imageshack.us/img849/2079/twy95i.gif


http://img560.imageshack.us/img560/8459/twy95ii.gif


http://img190.imageshack.us/img190/6021/twy95iii.gif


http://img651.imageshack.us/img651/9692/twy95iv.gif


http://img36.imageshack.us/img36/1930/twy95v.gif

转载请注明。谢谢....

CHAT BOX背景 - 炎亚纶

连续第四篇？我疯了。

做这个CHAT BOX让我很尴尬。
因为炎亚纶从头到尾一直都在望着我......... >/////////////<

大
width: 280px
height: 532px
http://img171.imageshack.us/img171/3401/aaronbp.png

小
width: 230px
height: 479px
http://img109.imageshack.us/img109/8585/aaronsj.png

CHAT BOX背景 - 倪安东

真是够了我？
连续发3篇CHAT BOX skin.....
Akina，你要的pink colour倪安东。

大
width: 280px
height: 400px
http://img545.imageshack.us/img545/6410/anthonyb.png

小
width: 230px
height: 370px
http://img841.imageshack.us/img841/5193/anthonys.png

CHAT BOX背景 - DREAM HIGH

呃.....我是个夜猫子``
今天真的睡不着，就做了这个。
总觉得太单调了.....又不知道该加什么？/ n \

大
width: 280px
height: 475px
http://img402.imageshack.us/img402/5624/dreamhigh.png

小
width: 230px
height: 417px
http://img51.imageshack.us/img51/5142/dreamhighs.png

CHAT BOX背景 - SHINEE

SHINEE.........?!

大
width: 280px
height: 469px
http://i793.photobucket.com/albums/yy211/twy_95/Decorated%20images/chat%20box/shineeb.gif

小
width: 230px
height: 430px
http://i793.photobucket.com/albums/yy211/twy_95/Decorated%20images/chat%20box/shinees.gif

使用 PHOTOSCAPE 制作动画

效果如图：
CN BLUE!!


首先，先打开PHOTOSCAPE。选择GIF 动画


从文件夹中找出要制作动画的图片(最好都放在同个文件夹里)，
再把你要制作动画的图片移至箭头指向出。


接下来的图片也可依照上面的步骤。
或者，你也可以按添加→添加图片


Oops...如果不小心放错了图片，点选那张图片后，按"X"把它删除。
垃圾桶符号则是把所有图片都删除。

按播放钮是播放你制作的动画，如果觉得很烦的话，可以按暂停钮。

若你想要改变动画速度，请按改变时间 (数目值越大，动画变得越慢）


若你要改变显示效果，请按改变动画效果。选择你要的效果...


如果你的图片大小不一致建议按画布大小，选择保持第一张图片大小
图片对齐建议在中央


最后再按保存就行啦！


囧男有话想说：
好长～的一篇。会很lag吗？

把帖子中的图片框弄不见

是不是觉得那框很碍眼？


首先,
去设计→修改HTML

FOR 旧模板
同时按着键盘上 Ctrl 和 F，
寻找

 .post img

再把它下面类似这样的代码删掉

 border:1px solid $bordercolor;

如图：

把红色框里的字删除，再保存就行啦！


FOR 新模板
同时按着键盘上 Ctrl 和 F，
寻找

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {

再把它下面类似这样的代码删掉

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

如图：

把红色框里的字删除，再保存就行啦！

可爱对话框

BLa BLa BLa........
最近没时间更新哪～都嘛老师害的，给酱多功课。

聊天室的留言迟些再回复，sorry@

很久没分享表情了，希望你们会LIKE IT~ ♥
     
     
     

click me to download all!

能移动的博客标题

先进去这里→  http://www.bosiljak.hr/titlemaker/

接着，跟着以下步骤..
① 在 Add title bar message 写入你要的标题文字
② 按 Add，接着你也可以输入第二排文字 （如果想要更多拍文字，可以重复步骤①&②
③ 在 Choose an effect 选择你要现实的效果
④ 你可以按 Preview 预览效果
⑤ 按 OK,Generate Code
⑥ 在 Generated Code copy你的代码

最后去设计→页面元素→添加小工具→HTML/JavaScript
发放入刚刚的代码就行了!

CHAT BOX背景 - 原来是美男啊～

原来是美男啊～
小lie托我弄的.....希望你们会喜欢。

大
width: 290px
height: 568px
http://img696.imageshack.us/img696/3977/43394447.gif

小
width: 220px
height: 461px http://img835.imageshack.us/img835/4055/58191228.gif




















SPECIAL
JEREMY!!!  这个我大爱 ♥ 啊～ 很佩服自己的说......

大
width: 280px
height: 440px
http://img406.imageshack.us/img406/1355/21965049.gif

小
width: 220px
height: 360px
http://img146.imageshack.us/img146/9750/87625725.gif















拿走了记得留言喂～

添加Facebook like button

 ↑ 效果如上


首先,
去设计→修改HTML

然后在『扩展窗口小部件模板』的空格打勾。

同时按着键盘上 Ctrl 和 F，
寻找

 <div class='post-header-line-1'/>

或寻找

 <data:post.body/>

接着在以上代码的后面加上

 <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

或许你想放在小工具。

首先，
先去设计→页面元素→添加小工具→HTML/JavaScript
再放入以下的code

 <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

easy?

透明化效果

效果如图（帖子：
点击放大。

没看过有人的实验室也布置得那么美的。哇哈哈（踹


打开设计→修改HTML

copy以下代码
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;


然后，你可以把代码放在以下其中一个的 { ........ } 之间
#header-wrapper 
#outer-wrapper
#main-wrapper 
#sidebar-wrapper
#comments-block
.post-body
.sidebar .widget, .main .widget

CHAT BOX背景 - 东于哲

JWen..希望你会喜欢。
弄得很赶~因为等下要出门了XD
喜欢也可以拿去用啦喂～

大
width: 290px
height: 420px
http://img703.imageshack.us/img703/9997/thomasjack.gif

小
width: 220px
height: 360px
http://img253.imageshack.us/img253/8268/thomasjacks.gif

指向链接有彩虹效果

打开设计→修改HTML 

同时按着键盘上 Ctrl 和 F，
寻找
</head>

在的</head>上面加上以下代码就行了!
<script src='http://ggpi.googlecode.com/files/rainbow.js' type='text/javascript'/>

禁止right click 加强版 ( 连highlight也不能 )

 打开设计→修改HTML

FOR 旧模板
同时按着键盘上 Ctrl 和 F，
寻找

<body>

用以下代码把 <body> 给替换掉

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false">

FOR 新模板
同时按着键盘上 Ctrl 和 F，
寻找

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

用以下代码把 <body> 给替换掉

<body expr:class='&quot;loading&quot; + data:blog.mobileClass' onmousedown="return false" oncontextmenu="return false" onselectstart="return false">

Easy?

在 comment-form 添加图片

效果如图：



打开设计→修改HTML
然后在『扩展窗口小部件模板』的空格打勾。

同时按着键盘上 Ctrl 和 F，
寻找

<div class='comment-form'>

在他后面添加以下代码。

<img src='图片网址'/>

再按保存就行啦～ （简单教程 =]



囧男有话想说：
想发日记，但想想.............还是算了呗～