2012年12月30日

开学

『要开学了』
今天才在那边忙洗鞋子洗书包烫衣服...
开学了就上早上班了
不懂早上班朋友们还会不会记得我:')

『早上班?有好有坏』
上了早上班真是..
好是可以变白~
又可以看到早上班朋友
听说早上班很多红人
一定要认识几个啦xDD

坏呢?
哇老A想到要早早起身就大不爽!
晚上要早早睡觉了
Haizzz...

我到现在都还不知道我读什么班
是...
叫人家帮忙看结果全部都忘记
算了算了!
我自己明天去学校自己看啦
希望我能进第一班啊A__A

2012年12月24日

平安夜

『12月24号』
在教着一个小妹妹做Blog
他真可以做是电脑白痴王了吧==
连Select东西都不懂
教到我一头雾水
(应该是我解释到不清楚吧o(╯□╰)o)
这是会圣诞老人送给我礼物吗
这个小妹妹叫-韩晴樱
Haizzz...
跟她同校
还是我朋友朋友
我竟然不懂她真名
只知道她洋名是Angel
其实她本人还是不错啦╮(╯▽╰)╭

2012年12月17日

Earpod开箱文

这个Earpods是我在做工时候买
价值RM109
是苹果最新款耳机
宣称是取了六百多个人耳道模型设计出来(好夸张)

这是我买
在Machines买
因为苹果在马来西亚没有专卖店

2012年12月16日

做工记(2)

今天做工也是超累
单单早上搬书就搬了昨天三倍!!!
也就算了吧
因为今天要把所有书派到完
我们排书应该拍了有千多本咯
(累累累)

2012年12月15日

做工记

今天去做工真是好累啊!!!
那个工作是我朋友(Mak)推介我去
是在Mid Valley里面举办一个大学Fair管理员
因为那个Fair只有2天
所以我们也只做2天工
我们老板是一位Datin(竟然是Mak舅母==)
这轮还是第一次到Mid Valley做工呢

2012年12月4日

彩虹链接效果

『效果』
移过来就好 不要点我

就是那个五颜六色の效果
要加上白色影子の完成后看『这里


『方法』
布局-添加小工具-HTML/Java Script
把以下代码Paste上去

<script src='http://ggpi.googlecode.com/files/rainbow.js' type='text/javascript'/> 

按保存完成

2012年12月2日

美化Select(影子)


看我图片不懂你们会不会明白啊
所谓影子就是白白色那个
这个效果只有Google Chrome或者Firefox才能看得到
不想有影子请看此帖


模板-修改HTML
按CTRL+F找
a:link {
把这个代码加在它前面

::-moz-selection {
color:#b4a7d6;
text-shadow: 2px 2px 4px #8e7cc3;
}
::selection {
color:#b4a7d6;
text-shadow: 2px 2px 4px #8e7cc3;
}

橙色:字体颜色
黄色:影子颜色
颜色代码可以看『这里

预览看看代码有没有问题
按保存完成

2012年11月14日

添加Post Outer Border

Post Outer Border就是这样子の啦
箭头指着の东西
有些人の是一个完整の格子の
我の不是T^T

『方法』

模板-修改HTML

按CTRL+F找

.post-outer {

把这个代码加在它の后面


border:3px solid #FFFFFF;
border-radius: 20px 20px;


红色:框框の厚度
黄色:框框の种类
蓝色:颜色代码
橙色:框框の圆角


框框的种类和颜色代码可以看『这里

2012年11月13日

删除 订阅:帖子(Atom)

『方法』

模板-修改HTML

按CTRL+F找
<b:include name='feedLinks'/>

然后把这段代码删除


预览看看代码有没有问题
按保存完成

2012年11月12日

增加Select文字の准确性

很多人在我的教学复制代码的时候都会Select不准
他会自己Select去小工具还是哪里哪里得子
现在我来教你们如何增加Select文字的准确性

『方法』
我的部落格不是有很多代码吗
先Select代码开头的一个字
然后按着Shift
再按→
它就会一个一个字Select起来
有木有很好用呢??

2012年11月11日

部落格链接在新标签页(New Tab)打开

很多人喜欢点击链接的时候都喜欢在新标签页打开
可是Blogger本身没有这个功能
可是Blogger那么强大当然这种东西是可以实现的
现在我们来弄吧!!

『方法』
布局-添加小工具-HTML/Java Script
把以下代码Paste上去


<script type="text/javascript" language="javascript">

var arr = document.getElementsByTagName("a");
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("URL") < 0 
&& arr[i].href.indexOf("javascript:") < 0) 
arr[i].target = "_blank";
}
</script>

按保存完成

『注意』
这个代码会导致在你按帖子照片の时候滚动不了の问题!!
请慎用(虽然我还是用了╮(╯_╰)╭)
(感谢Chubby提供反馈)

2012年11月10日

备份与恢复

我发现到很多人在修改HTML的时候都没有备份
修改错误的话整个部落格就出问题了
今天我要叫你们怎样备份与恢复
在修改HTML之前备份一下
降低部落格出问题的风险
相信很多人都没发现Blogger有这个功能吧:)

『备份』
模板-备份/恢复

下载完整模板
然后你的电脑就会开始下载了
下载下来的东西就是你的备份了
名字是大概这个样子的
template-4483381949903331738.xml

『恢复』
模板-备份/恢复

Choose File
然后电脑就会弹出一个对话框
选择你之前下载下来的文件

上传

恢复完成!!

2012年11月9日

鼠标移动の时候会有彩虹色星星掉落

『效果』
『方法』
布局-添加小工具-HTML/Java Script
把以下代码Paste上去(很长)

<script type='text/javascript'>

// <![CDATA[

function initCursor() {
if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}

var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
var sparkles = 50;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();

function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}

function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}

function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}

document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}

function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (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;
}
}

window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}

function createDiv(height, width) {
var div=document.createElement("div");
rainbow="#"+hex[r]+hex[g]+hex[b]
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px"; 
div.style.overflow="hidden";
div.style.zIndex="10";
div.style.backgroundColor=rainbow;
return (div);
}
window.onload=function()
{
initCursor()
initImage()
startTime()
}

function initImage() {
imageId = 'menu'
image = document.getElementById(imageId);
setOpacity(image, 0);
image.style.visibility = "visible";
fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
if (document.getElementById) {
obj = document.getElementById(objId);
if (opacity <= 100) {
setOpacity(obj, opacity);
opacity += 10;
window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 120);
}
}
}
function setOpacity(obj, opacity) {
opacity = (opacity == 100)?99.999:opacity;
// IE/Win
obj.style.filter = "alpha(opacity:"+opacity+")";
// Safari<1.2, Konqueror
obj.style.KHTMLOpacity = opacity/100;
// Older Mozilla and Firefox
obj.style.MozOpacity = opacity/100;
// Safari 1.2, newer Firefox and Mozilla, CSS3
obj.style.opacity = opacity/100;
}

function changeNav(id) {
document.getElementById('content').innerHTML=document.getElementById(id).innerHTML;
document.getElementById('main').innerHTML=document.getElementById('home').innerHTML;
document.getElementById('rabbit').style.top="275px"
document.getElementById('penguin').style.top="532px"
}

function hidestatus(){
window.status=""
return true
}
// ]]>
</script>

<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

<div class='navbar section' id='navbar'><div class='widget navbar' id='navbar1'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
function showRelatedContent(args) {
var el = document.getElementById('related-iframe');
if (el.parentNode.style.display != 'none') {
el.parentNode.style.display = 'none';
document.onclick = showRelatedContent.prevOnClick;
return;
}

var match = /(?:^[?]|&)c=([0-9]+)(?:&|(?!.))/.exec(args);
if (match !== null) {
document.getElementById('related-loading').style.left = match[1] + 'px';
el.style.left = Math.max(0, match[1] - parseInt(el.width) / 2) + 'px';
}
el.src = "http://www.blogger.com"
+ '/related-content.g?q='
+ window.location.href
+ '&id=' + "7792698363959436653";
el.parentNode.style.display = 'block';
showRelatedContent.prevOnClick = document.onclick;

// Hide related-content dropdown when clicking anywhere but on it.
document.onclick = function() {
var el = document.getElementById('related-iframe');
if (el.parentNode.style.display != 'none') {
el.parentNode.style.display = 'none';
}
document.onclick = showRelatedContent.prevOnClick;
};
}
</script>

按保存完成

我先说明一下这个代码是我再修改の
他不是其他这个教学の代码
其他教学の代码星星掉落の时候会断一下断一下
我の不会
可是我の这个代码可能会有一点点lag

2012年11月8日

教你如何更换鼠标

看到很多部落格都有一些很可爱的鼠标都会心痒痒吧
这个教学教你如何更换鼠标!!

『方法』
首先要到『这里』去选你喜欢的鼠标
比如说我选这个粉红色的
然后把这个代码Copy起来


布局-添加小工具-HTML/Java Script
把以下代码Paste上去

然后把</style>后面到</a>の代码全部删除
(</style>不要删除)

比如说我的代码是
<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/cursors/cur-11/cur1089.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/06/24/s-pink-premium-pointer.html" target="_blank" title="S Pink Premium Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="S Pink Premium Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

把它改成
<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/cursors/cur-11/cur1089.cur), progress !important;}</style>

这样就够了
如果你不删除的话你的部落格就会有烦死人的广告!!

2012年11月7日

添加Main Outer Border

Main Border就是那个紫色の框框啦

『方法』
模板-修改HTML
按CTRL+F找

.main-outer {
或者是
.main-inner {

把这个代码加在它の后面

border:3px solid #736F6E;
border-radius: 60px 60px;

红色:框框の厚度
黄色:框框の种类
蓝色:颜色代码
橙色:框框の圆角

框框的种类和颜色代码可以看『这里

预览看看代码有没有问题

按保存完成

2012年11月6日

指向链接时出现の小图案

『效果』

就是那个小星星啦
有没有很可爱呢?
要彩虹效果の看『这里

『方法』
模板-修改HTML
按CTRL+F找
a:link {

把这个代码加在它の前面
padding:7px; background:url(图片URL) no-repeat;


预览看看代码有没有问题

按保存完成

图案可以到『这里』去找
记得要找小小个の图案

2012年11月5日

为连接添加影子


效果
有没有看到白色の影子呢
要彩虹效果看『这里

『方法』
模板-修改HTML
按CTRL+F找
a:hover {

把这个代码加在它の后面

text-shadow: 2px 2px 2px #FFFFFF;


红色:影子颜色
颜色代码可以看『这里


预览看看有没有问题
按保存完成

2012年11月3日

美化Select(颜色)

这个效果IE是没有用
喜欢我就来FOLLOW我吧

后面是修改了Select之后
比那蓝色好看多吧

『方法』
模板-修改HTML
按CTRL+F找
a:link {


把这个代码加在它の前面


::-moz-selection {
background:#000000;color:#ffffff;
}
::selection {background:#000000;color:#ffffff;
}

黄色:背景颜色
红色:字体颜色
颜色代码可以看『这里

预览看看代码有没有问题
按保存完成

2012年11月1日

美化Scroll Bar(仅限Google Chrome)

美化后效果可以看我Scroll Bar
这个比较特别因为上下有两个格子

『方法』
模板-修改HTML
按CTRL+F找
a:link {

Blogskin
登入部落格-范本设计
按CTRL+F找
a:link{

把这个代码加在它の前面


::-webkit-scrollbar {
 width: 9px;
heigh: 9px; 
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
width:10px
 height:10px;
 display: block; background-color: #ffffff; border:1px solid #b1c7b1;
}
::-webkit-scrollbar-track-piece { background-color:#ffffff
}
::-webkit-scrollbar-thumb{ background:#f2fbf4;border:1px solid #b1c7b1;
}

青色:上下格子颜色色和框框
橙色:背景颜色
红色:滚动条颜色色和框框


预览看看代码有没有问题
按保存完成
back to top