Showing posts with label Crispy's Tutorials. Show all posts

Monday, August 26, 2013

Friday, July 12, 2013

如何把header调到中间

你有没有看到我的header啊？header是什么呢？

1. 首先，我们去Design - Template - Customize - Advance - Add Css

2. 然后，copy一下的code：

#Header1{width:650px;margin:0 auto}

蓝色highlight：可以换的。。　你可以自己调哦！

3. 最后按apply to blog

就好了！
希望你成功!

教学by：

Sunday, June 23, 2013

鼠标点击时的烟花效果

效果图 ↓

这个工具就是我现在用着的，当鼠标点击时会有烟花效果

1. Design - Layout - Add A Gadget - HTML/Javascript
2. Copy down the code..

<script type="text/javascript">
// <![CDATA[
var sparks=75; // how many sparks per clicksplosion
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array('#fde4d3', '#fde4d3', '#fde4d3', '#fde4d3', '#fde4d3', '#fde4d3', '#fde4d3'); 
//           

/****************************
*   Clicksplosion Effect    *
* (c) 2012 mf2fm web-design *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var intensity=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var timers=new Array();
var swide=800;
var shigh=600;
var sleft=sdown=0;
var count=0;

function addLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addLoadEvent(clicksplode);

function clicksplode() { if (document.getElementById) {
  var i, j;
  window.onscroll=set_scroll;
  window.onresize=set_width;
  document.onclick=eksplode;
  set_width();
  set_scroll();
  for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
    stars[j]=createDiv('*', 13);
    document.body.appendChild(stars[j]);
  }
}}

function createDiv(char, size) {
  var div, sty;
  div=document.createElement('div');
  sty=div.style;
  sty.font=size+'px monospace';
  sty.position='absolute';
  sty.backgroundColor='transparent';
  sty.visibility='hidden';
  sty.zIndex='101';
  div.appendChild(document.createTextNode(char));
  return (div);
}

function bang(N) {
  var i, Z, A=0;
  for (i=sparks*N; i<sparks*(N+1); i++) { 
    if (decay[i]) {
      Z=stars[i].style;
      Xpos[i]+=dX[i];
      Ypos[i]+=(dY[i]+=1.25/intensity[N]);
      if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
      else {
        Z.left=Xpos[i]+'px';
        Z.top=Ypos[i]+'px';
   }
      if (decay[i]==15) Z.fontSize='7px';
      else if (decay[i]==7) Z.fontSize='2px';
      else if (decay[i]==1) Z.visibility='hidden';
   decay[i]--;
 }
 else A++;
  }
  if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
}

function eksplode(e) { 
  var x, y, i, M, Z, N;
  set_scroll();
  y=(e)?e.pageY:event.y+sdown;
  x=(e)?e.pageX:event.x+sleft;
  N=++count%bangs;
  M=Math.floor(Math.random()*3*colours.length);
  intensity[N]=5+Math.random()*4;
  for (i=N*sparks; i<(N+1)*sparks; i++) {
    Xpos[i]=x;
    Ypos[i]=y-5;
    dY[i]=(Math.random()-0.5)*intensity[N];
    dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
    decay[i]=16+Math.floor(Math.random()*16);
    Z=stars[i].style;
    if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
    else if (M<2*colours.length) Z.color=colours[count%colours.length];
    else Z.color=colours[i%colours.length];
    Z.fontSize='13px';
    Z.visibility='visible';
  }
  clearTimeout(timers[N]);
  bang(N);
} 

function set_width() {
  var sw_min=999999;
  var sh_min=999999;
  if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  }
  if (typeof(self.innerWidth)=='number' && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  }
  if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  }
  if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
  }
  swide=sw_min-7;
  shigh=sh_min-7;
}

function set_scroll() {
  if (typeof(self.pageYOffset)=='number') {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
}
// ]]>
</script>

3. After copy.. press Save

4. DONE !!

代码里面有七个 #fde4d3 的是浅粉红色的颜色代码，

可以任意更改成其他颜色。

更多颜色代码请看 HERE

By :

颜色代码

#000000	#2F0000	#600030	#460046	#28004D
#272727	#4D0000	#820041	#5E005E	#3A006F
#3C3C3C	#600000	#9F0050	#750075	#4B0091
#4F4F4F	#750000	#BF0060	#930093	#5B00AE
#5B5B5B	#930000	#D9006C	#AE00AE	#6F00D2
#6C6C6C	#AE0000	#F00078	#D200D2	#8600FF
#7B7B7B	#CE0000	#FF0080	#E800E8	#921AFF
#8E8E8E	#EA0000	#FF359A	#FF00FF	#9F35FF
#9D9D9D	#FF0000	#FF60AF	#FF44FF	#B15BFF
#ADADAD	#FF2D2D	#FF79BC	#FF77FF	#BE77FF
#BEBEBE	#FF5151	#FF95CA	#FF8EFF	#CA8EFF
#d0d0d0	#ff7575	#ffaad5	#ffa6ff	#d3a4ff
#E0E0E0	#FF9797	#FFC1E0	#FFBFFF	#DCB5FF
#F0F0F0	#FFB5B5	#FFD9EC	#FFD0FF	#E6CAFF
#FCFCFC	#FFD2D2	#FFECF5	#FFE6FF	#F1E1FF
#FFFFFF	#FFECEC	#FFF7FB	#FFF7FF	#FAF4FF
#000079	#000079	#003E3E	#006030	#006000
#000093	#003D79	#005757	#01814A	#007500
#0000C6	#004B97	#007979	#019858	#009100
#0000C6	#005AB5	#009393	#01B468	#00A600
#0000E3	#0066CC	#00AEAE	#02C874	#00BB00
#2828FF	#0072E3	#00CACA	#02DF82	#00DB00
#4A4AFF	#0080FF	#00E3E3	#02F78E	#00EC00
#6A6AFF	#2894FF	#00FFFF	#1AFD9C	#28FF28
#7D7DFF	#46A3FF	#4DFFFF	#4EFEB3	#53FF53
#9393FF	#66B3FF	#80FFFF	#7AFEC6	#79FF79
#AAAAFF	#84C1FF	#A6FFFF	#96FED1	#93FF93
#B9B9FF	#97CBFF	#BBFFFF	#ADFEDC	#A6FFA6
#CECEFF	#ACD6FF	#CAFFFF	#C1FFE4	#BBFFBB
#DDDDFF	#C4E1FF	#D9FFFF	#D7FFEE	#CEFFCE
#ECECFF	#D2E9FF	#ECFFFF	#E8FFF5	#DFFFDF
#FBFBFF	#ECF5FF	#FDFFFF	#FBFFFD	#F0FFF0
#467500	#424200	#5B4B00	#844200	#642100
#548C00	#5B5B00	#796400	#9F5000	#842B00
#64A600	#737300	#977C00	#BB5E00	#A23400
#73BF00	#8C8C00	#AE8F00	#D26900	#BB3D00
#82D900	#A6A600	#C6A300	#EA7500	#D94600
#8CEA00	#C4C400	#D9B300	#FF8000	#F75000
#9AFF02	#E1E100	#EAC100	#FF9224	#FF5809
#A8FF24	#F9F900	#FFD306	#FFA042	#FF8040
#B7FF4A	#FFFF37	#FFDC35	#FFAF60	#FF8F59
#C2FF68	#FFFF6F	#FFE153	#FFBB77	#FF9D6F
#CCFF80	#FFFF93	#FFE66F	#FFC78E	#FFAD86
#D3FF93	#FFFFAA	#FFED97	#FFD1A4	#FFBD9D
#DEFFAC	#FFFFB9	#FFF0AC	#FFDCB9	#FFCBB3
#E8FFC4	#FFFFCE	#FFF4C1	#FFE4CA	#FFDAC8
#EFFFD7	#FFFFDF	#FFF8D7	#FFEEDD	#FFE6D9
#F5FFE8	#FFFFF4	#FFFCEC	#FFFAF4	#FFF3EE
#613030	#616130	#336666	#484891	#6C3365
#743A3A	#707038	#3D7878	#5151A2	#7E3D76
#804040	#808040	#408080	#5A5AAD	#8F4586
#984B4B	#949449	#4F9D9D	#7373B9	#9F4D95
#AD5A5A	#A5A552	#5CADAD	#8080C0	#AE57A4
#B87070	#AFAF61	#6FB7B7	#9999CC	#B766AD
#C48888	#B9B973	#81C0C0	#A6A6D2	#C07AB8
#CF9E9E	#C2C287	#95CACA	#B8B8DC	#CA8EC2
#D9B3B3	#CDCD9A	#A3D1D1	#C7C7E2	#D2A2CC
#E1C4C4	#D6D6AD	#B3D9D9	#D8D8EB	#DAB1D5
#EBD6D6	#DEDEBE	#C4E1E1	#E6E6F2	#E2C2DE
#F2E6E6	#E8E8D0	#D1E9E9	#F3F3FA	#EBD3E8

Tuesday, May 28, 2013

如何放置『滑鼠后面（滑过）的图案』

如果看不明白title，就看以下吧！

你是否看到我的blog的下面有一个像以下的switch？（这是多余的让你知道一下

）

1. 首先你去这个网站

这里

2. 然后你会看到很多你看不懂的日本字。。

3. 你就按你所喜欢的图。。

4. 你按进去后你会看到。。

（你跟着上面的方法做就好了）

5. 你copy了code你就在你的blog上按

design

layout

add a gadget

html/javascript

然后把你copy的code paste在里面。

然后按save就好了。。

# if you got any problems, pls comment down there #

Sunday, April 14, 2013

how to put a link at your pages

看到我的Pages的“other Links” 吗？
有看到我有放网友们的blog logo吗？

你有按看吗？
如果你按了它，会不会去开到另一个新的blog呢？
会吧？！

猜猜我如何做的？！
其实，我的way是cheating的。。
XD

1. First，你copy你朋友的blog logo，然后paste在你的pages里。
2. Then，你就指向那个pic，它highlight之后按"link”。。

3. 按了之后，你就把你要写的名写在"Text to display” 那里
4. 然后，在“which URL should this link go to？” 那里copy那个blog的link copy起来，然后paste在那里。。。
5.按ok就好了。。

Friday, April 5, 2013

如何放置“我的状态，status”

有看到我和chubby的blog有“我的状态”或“status”吗？

这个就是啦！

1. 去按design

layout

html/java script

add a gadge

2. copy这个code，然后paste下去

<fieldset style="moz-border-radius: 4px; border-radius: 4px;border: 2px dotted #FFB5B5;"><legend><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDROm4n38rLvn0CsRiM-vSuUFtLajmkEREPujBV7_-D5zKNuwQ5RyQ9-2DmFaZmj4B7vixGmC6WYJP6vQqPAhU8zrs4tVJEKwJ51sHcK4zUsnRjmhmyUFCMSqBercZV_zDDngJWHASPic/s1600/s1.png" /></legend>好想要睡觉哦！ <div class="separator" style="clear: both; text-align: right;">By 翠掉</div></fieldset>

讲解：

1.那个dotted可以换的。。你可以改去groove or whatever。。。

2. 那个orange color highlight的code是你的框框的颜色。。。

你只需copy那个code就可以了。。

要找那个颜色的code？请按这里

3. 那黄色highlight的image URL是你的图片的URL。。

ex：

你可以换那个图片，你只需copy image URL 然后paste在那里就好了。

（什么是image URL？）

你按right click{对图的时候}，你就会看到copy image URL

ex:

你paste出来的时候是这样的

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDROm4n38rLvn0CsRiM-vSuUFtLajmkEREPujBV7_-D5zKNuwQ5RyQ9-2DmFaZmj4B7vixGmC6WYJP6vQqPAhU8zrs4tVJEKwJ51sHcK4zUsnRjmhmyUFCMSqBercZV_zDDngJWHASPic/s1600/s1.png

这就是image URL啦～

4. 看到那青色的highlight吗？那就是你要write的东西啦！

5. 蓝色的highlight：你要写什么都可以。。。

3. edit好东西之后，就按save，就可以了～

# 有问题？就leave个comment吧！

Wednesday, April 3, 2013

放置Blog Logo

其实做Blog Logo很简单，

你Design好你所要放Blog Logo的图案后，

首先

你把你的图Post在blog里，

然后

你就copy它的image URL

接着

去Design

按Layout

Add A Gadge

找HTML/Java Script

再

把这个Code copy在里面

黄：Image URL

红：部落格网址 blog address

最后

按Save就可以了。。

所以你其实可以不用Sign In photobucket 的。。

你要sign in 也可以的啦！

Friday, March 15, 2013

如何更换鼠标

你知道我所谓的“鼠标“吗?

以上就是我所谓的“鼠标”啦！

以上的图是不是很无聊？所以我们就来换一换它吧！是它更加的特别，漂亮及美丽。。。

首先，我们从一个地方找到了鼠标后（可以去google search - mouse cursor for blog或按这里），就按design

layout

add a gadget

寻找HTML / JavaScript.

然后，把你喜欢的鼠标的code copy and paste下去。最后按save就kao dim了啦！

如果你还是不会，就comment吧！我会帮你的。。。

若你要一些图就按一下的link吧！

- Cutie Mouse Cursors

- Colourful Mustache Cursors

Yeah! 终于完成了第二个教学啦！

我在此等你们的comments哦！

都是由我～

Thursday, February 21, 2013

如何制作特出的字体

这是我第一次的blogger教学哦～

你有没有看到这个字体呢？

这是我说的特出字体啦！
first, go to the web side : click here~
Then you will see this kind of thing~

Myspace glitter text generator

Your text generator

First, You must select a font style...
Second, you type what you want at the " Enter your text ".
Then, you will see the text preview...

如果你满意了，就按-Generate Code！
然后把它的code放在add a gadge 中的HTML/JavaScript...

Then Finish~

如果成功了，记得要告诉我哦！

嘻嘻，arigato！！
若有不明白，请你COMMENT 哦！我会在解释的～

by

I ♥ BiGBaNG ♛ VIP

Pages