Basic HTML tutorial+可爱动态分割线




想要把littlekoh の 可爱动态小品带回部落格,却又是新手?

没关系,来来来, 超简单的教程,只要跟着一步一步完成就可以啦。。

这个页面提供一些基本的教程,也同时有很多可爱的动态分割线展示,既有实际用途来清楚分隔各别的教程,也让大家可以点击后靠背下来呢,一举两得~~



第一步:  用 ctrl + C 把格子里的代码copy 起来。



第二步: 到 部落格 Dashboard select “ Design” 接着点击进去


第三步: 点击 “add a Gadget “ 进去



第四步: 选择 HTML/JavaScript 再点击 进去


最后: 把 copy 的到 html 代码 paste 进去然后 save,就完成了







封锁右键代码 


这要把以下粉红色的代码 copy & paste 就ok啦



''


<script language="javascript">
<!--
 var message="不准在这里当小偷哦";
 function click(z) {
  if (document.all) {
   if (event.button == 2) {
    alert(message);
    return false;
   }
  }
  if (document.layers) {
   if (z.which == 3) {
    alert(message);
    return false;
   }
  }
 }
 if (document.layers) {
  document.captureEvents(Event.MOUSEDOWN);
 }
 document.onmousedown=click;
// -->
</script>


''











更改littlekoh的小品图的大小和展示的位置



只要更改图中圈圈内的部分就可以了.

展示位置有:Bottom, top & center 和 Left , right & center
尺寸大小    : 更改 height (高度) , width (宽度)