如何添加会移动的字（Marquee Effect）

看过我部落格的网友们，相信也发现到箭头指着那一个框框里会向上移动的字体了吧？其实这就是所谓的"Marquee Effect"移动文字。

想要知道如何使用"Marquee Effect"，请按这个→ 丰丰3之记

其实那些会移动的字是我自己探索出来的，因为教程里没有教到这类移动文字，只好慢慢去了解那些乱糟糟的代码然后自己拼东拼西的做出来咯！

添加向上移动的字体方法：

1. Design > Layout > Add an Gadget > HTML/Java Script

2.Copy and paste 以下的 code:

<marquee behavior="scroll" direction="up" scrollamount="3">输入文字<br/><br/>输入文字<br/><br/>输入文字<br/><br/>输入文字</marquee>

黄色Highlight的字是方向，可以换成down或right或left。
蓝色Highlight的字是速度，数量越小速度越慢。

还有其中代码 <br/> 是指 下一格(Enter)的意思，放越多空越多。
还要添加字体的话，在 文字后面 再加上 <br/> 就可以咯！

3.满意了的话，就按Save便完成啦！

有任何疑问可以留下comment或者是到留言信箱里留言哦！

颜色代码 Color Code

	#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

如何制作个人状态

看到箭头指着的那个框框吗？那只黑色的猫猫可爱吧？想不想拥有属于自己的一个状态框框？跟着下面的教程一步一步走，你就会轻易得到你想要的状态框框啦！

教程来自→ 泪划痕

1. Design > Layout > Add a gadget > HTML/Java Script

2. Copy and Paste 以下的代码：

<fieldset style="moz-border-radius: 4px; border-radius: 4px;border: 3px double #5E005E;"><legend><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSLL2ZdtG_gtoXNTYQ_9VBe7XQmCgsDycZzuJcEr7TZr9cj4KQoJsYeqo_rDeLGZp-GOJEn6dPsAXMtbx3r8q9kCzVIll4YoTZgkt5Xxo-89WJZNwXVRP94VfdYgEg2t8E-clhn2MhM1dI/s1600/2.png" /></legend>我在等你。J文。<div class="separator" style="clear: both; text-align: right;">By Ah Teng</div></fieldset>

粉红色字体 = 框框的厚度

朱红色字体 = 框框类型

蓝色字体 = 颜色代码

橙色字体 = 图片 URL

框框类型如下：

您可自行更改你喜欢的框框类型。

除了黑猫猫的图片之外，还有一些图片可以选择：

1.

 图片URL：
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnHraymu-bwkHDQgP3_FljAsCHnM6Ml5K7xvnoUZ_JliV_sLCXoQNeW7itnyA226mi3ybeKrNwruxSJYFwjG9DUbqwzKTArsC3gzxFTfOJtUGQNxd1KGmdt8q_ObvJklgnUuh_8sBxAXEs/s1600/1.png

2.

图片URL：
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBYfbaKiklVivQ8KIU7_VvEpaK7GLuiGruNUKRRyes5i0HqIWrxyF0iODABEx1pUiZI3GgdFMVrslbCESwaGS_Kx_R4JKRpk8cPHNUUabr4nvBiOZCkk4x95sRu4Fnj7KZGRN9l92rNtLo/s1600/1.png

3.

 图片URL：
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3_KqNJGfH7Qae36HuCmorU30CsW5_kUZxQA16Shj-k_bZhb8S2xc3Zu_9xqoEwWGWLNlWmDlOecuD1_wT-P4jC_dl26vlWyIrq5RxGrSxN9eRF3BGAAciN-fd3DiBH5XV6ZgpGSv8DMnE/s1600/2.png

4.

图片URL：

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjncek8Opsr3wrp7RAusB2OvAabJH6-2iDCRTLDtYu0_E46yiVJ2cw26AjOajkI4pM6MD5RThSj8LejdQJ5LuxANHJe_9iNbv289fCAg3WGHUGb40IvCLH2ahevo__3Gcpti4K78k6gC7UQ/s1600/3.png

Copy 图片URL，然后再 paste 在 橙色的字体里就行啦！好了后，按Save就大功告成！

备注：当你想更改状态时，就要到 code 里面去更改就行咯！

如何使用在新的部落格程序里使用 Ctrl+F

Ctrl+F，其实是搜寻的意思，不论在Microsoft Word里，Microsoft Excel里，还是在网络里都可以用得着。因为部落格已经升级，原先的Ctrl+F需要有些小小动作才可以搜寻到您需要的code number哦！

以下的图是升级后的部落格程式。

使用 Ctrl+F 的方法：

1. Design > Template > Edit HTML

2. 看图↓↓↓

3.那个箭头指着的就是搜寻 code 的框框。只要在里面 paste 上您要的 code ，然后再按 Enter ，它就会替你找出来啦！

明白了吗？其实很简单而已。只要小小的几个步骤而已就可以找到了。

不明白请留言 :) 谢谢。

新部落格教程_如何把帖子标题移去中间

现在的部落格已经升级，变得好多好多，就像我拍的这张照片。

其实这样的部落格升级并没有改变到什么，只是要搜寻字体的方式不一样罢了。因为有朋友问我怎么在这新的部落格格式里面改变东西或是添加东西……我这里就教教如何把帖子标题移去中间。

→部落格教程来自：丰丰3之记

1.首先，到Design > Template > Edit HTML

2.看下面图片

3. 在搜寻框里面输入  <a expr:href='data:post.url'><data:post.title/></a> ，然后按 Enter

4.找到了之后，在 <data:post.title/> 的前面 copy and paste 这个 code:

<div align="centre">

然后在<data:post.title/>的后面copy and paste 这个 code:

</div>

总之，整个 code 就会变成：

<a expr:href='data:post.url'><div align="centre"><data:post.title/></div></a>

如图：

5.好了后，按 Preview Template看有没有变化到？如果有，再按 Save Template就完成啦！

备注："centre"也可以改成"left" 或 "right" ，随你喜欢！

接下来的教程应该都会了吧？不会的话请留言或到我的面子书加我为好友询问我哦！

我的面子书 → 按这里 :)