分享

博客制作教程,经典合集!

 秋山云水 2010-06-18

博客制作教程,经典合集!

(2006-06-21 13:54:24)
  分类:疯子的学习
          通过朋友的链接看到东北一个女生的博客,得知她是新浪锐博客专题组的成员,也制作了许多博客制作教程,感觉非常好。(我的小博就是按照她教的做出来的^_^)因此特意转载给我的朋友们看,希望大家喜欢!
 
博客教程Ⅰ:新型公告栏
 
1.控制面板——个人首页维护——自定义空白面板——>> 点击进入编辑界面——新增——勾选“显示源代码”——面板标题(随便起一个名字,因为在首页上不会显示,所以自己知道即可)——在面板内容里复制以下代码(标点符号不可缺。代码第一行的:WIDTH: 184px是宽度,HEIGHT: 138px是高度,这个两数据可自行改动,它决定边框的大小<P align=center><B>内容文字</B>这一栏是内容文字,添加这一项可多加内容文字)
 
<TABLE style="WIDTH: 184px; HEIGHT: 138px" cellSpacing=1 border=1>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px" vAlign=center width=223 background=图片地址 height=32>
<P align=center>标题文字</P></TD></TR>
<TR>
<TD vAlign=top align=left width=232 height=100>
<DIV style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; SCROLLBAR-FACE-COLOR: #ff6500; SCROLLBAR-HIGHLIGHT-COLOR: #3100ff; OVERFLOW: auto; BORDER-LEFT: black 1px solid; WIDTH: 275px; SCROLLBAR-SHADOW-COLOR: #00ff00; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #a8a8a8; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: black 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 102px" align=center <div>
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: #000000" vAlign=bottom width="100%" background=http://image11.360doc.com/DownloadImg/2010/06/1809/3636823_2 <IMG>
<P align=center><B>内容文字</B>
<P align=center><B>内容文字</B>
<P align=center><B>内容文字</B> 
</P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
 
2.把 蓝色字 处用相应内容套入——保存
3.控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
 
博客教程Ⅱ:彩色滚动条
 
1.打开下面的网页,如图:
 
博客制作教程,经典合集!
 
2.控制面板——个人首页维护——自定义空白面板——>> 点击进入编辑界面——新增——勾选“显示源代码”——面板标题(随便起一个名字,因为在首页上不会显示,所以自己知道即可)——在面板内容里复制图片里第5步里的代码(标点符号不可缺)——保存
3.控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
 
博客教程Ⅲ:图片样式的友情链接
 
1.控制面板——个人首页维护——自定义空白面板——>> 点击进入编辑界面——新增——勾选“显示源代码”——面板标题(随便起一个名字,因为在首页上不会显示,所以自己知道即可)——在面板内容里复制以下代码(标点符号不可缺)
 
<a href="链接地址"><img src="链接图片" width="88" height="33" alt="链接名" border="0"></a>
 
2.把 蓝色字 处用相应内容套入——保存
3.控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
 
博客教程Ⅳ:滚动新闻
 
1.控制面板——个人首页维护——自定义空白面板——>> 点击进入编辑界面——新增——勾选“显示源代码”——面板标题(随便起一个名字,因为在首页上不会显示,所以自己知道即可)——在面板内容里复制以下代码(标点符号不可缺)——保存
 
<IFRAME border=0 name=sina_roll marginWidth=0 marginHeight=0 src="http://news.sina.com.cn/o/allnews/input/index.html" frameBorder=No width="100%" scrolling=no height=15></IFRAME>
 
2.控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
 
博客教程Ⅴ:手机号地址查询
 
1.控制面板——个人首页维护——自定义空白面板——>> 点击进入编辑界面——新增——勾选“显示源代码”——面板标题(随便起一个名字,因为在首页上不会显示,所以自己知道即可)——在面板内容里复制以下代码(标点符号不可缺)——保存
 
<FORM action=http://www./sj/index.php method=post target=_blank><TR><TD>
<P>          <INPUT id=m2 size=12 value=请输入手机号码 name=m onclick="if (this.value=='请输入手机号码') this.value=''" onfocus="this.select()" onmouseover="this.focus()" onblur="if (this.value =='') this.value='请输入手机号码'"> <INPUT type=submit value=手机地址 name=Submit> </P>
<P>     <INPUT id=a2 type=hidden value=search name=a> </TD></TR></P></FORM></FONT></STRONG>
 
2.控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
 
博客教程Ⅵ:邮箱登陆器
 
1.控制面板——个人首页维护——自定义空白面板——>> 点击进入编辑界面——新增——勾选“显示源代码”——面板标题(随便起一个名字,因为在首页上不会显示,所以自己知道即可)——在面板内容里复制以下代码(标点符号不可缺)——保存
 
<DIV align=center><FORM onsubmit="function anonymous() {return chkinput2(this); }" name="loginmail" action="http://219.129.20.144:8000/sendmail.asp" method="post" target="_blank"><SELECT tabIndex=2 size=1 name=site> <OPTION value="" selected>请选择你的邮箱</OPTION> <OPTION value=21cn.com>@21cn.com</OPTION> <OPTION value=163.net>@163.net</OPTION> <OPTION value=tom.com>@tom.com</OPTION> <OPTION value=163.com>@163.com</OPTION> <OPTION value=vip.163.com>@vip.163.com</OPTION> <OPTION value=sohu.com>@sohu.com</OPTION> <OPTION value=263.net>@263.net</OPTION> <OPTION value=sina.com>@sina.com</OPTION> <OPTION value=vip.sina.com>@vip.sina.com</OPTION> <OPTION value=mail.china.com>@mail.china.com</OPTION> <OPTION value=china.com>@china.com</OPTION> <OPTION value=netease.com>@netease.com</OPTION> <OPTION value=yeah.net>@yeah.net</OPTION> <OPTION value=etang.com>@etang.com</OPTION> <OPTION value=fm365.com>@fm365.com</OPTION> <OPTION value=cn.yahoo.com>@yahoo.com.cn</OPTION> <OPTION value=xinhuanet.com>@xinhuanet.com</OPTION> <OPTION value=eyou.com>@eyou.com</OPTION> <OPTION value=email.com.cn>@email.com.cn</OPTION> <OPTION value=ynmail.com>@ynmail.com</OPTION> <OPTION value=citiz.net>@citiz.net</OPTION> <OPTION value=126.com>@126.com网易50M</OPTION> <OPTION value=elong.com>@elong.com</OPTION></SELECT><BR>账号:<INPUT style="FONT-SIZE: 12px" tabIndex=3 size=12 name=user><BR>  密码:<INPUT style="FONT-SIZE: 12px" tabIndex=3 type=password size=12 name=pass><INPUT style="FONT-SIZE
 
2.控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
 
博客教程Ⅵ:IP地址栏
 
1.控制面板——个人首页维护——自定义空白面板——>> 点击进入编辑界面——新增——勾选“显示源代码”——面板标题(随便起一个名字,因为在首页上不会显示,所以自己知道即可)——在面板内容里复制以下代码(标点符号不可缺)——保存
 
<iframe src="http://ip./ip/showip.asp?text=&bg=&line=2&scro=1&leng=140" frameborder="0" scrolling="no" width="260" height="66" marginheight="4" marginwidth="0"></iframe>
来源:(http://blog.sina.com.cn/s/blog_4996c5c50100045x.html) - 博客制作教程,经典合集!_网络疯子_新浪博客
 
2.控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
 
博客教程Ⅶ:搜索栏
 
1.控制面板——个人首页维护——自定义空白面板——>> 点击进入编辑界面——新增——勾选“显示源代码”——面板标题(随便起一个名字,因为在首页上不会显示,所以自己知道即可)——在面板内容里复制以下代码(标点符号不可缺)——保存
 
百度的
<P align=center><IFRAME id=baiduframe border=0 marginWidth=0 frameSpacing=0 marginHeight=0 src="http://unstat.baidu.com/bdun.bsc?tn=loveoi&cv=1&cid=78332&csid=105&rkcs=2&bgcr=ffffff&ftcr=00ff00&rk=1&bd=1&bdas=1" frameBorder=0 width=140 scrolling=no height=75>
</IFRAME></P>
 
雅虎的
<IFRAME marginWidth=0 marginHeight=0 src="http://union./v2/box.htm?p=1006&a=2001&b=1003&m=404287&bw=200&tr=1&st=0&u=1001" frameBorder=0 width=200 scrolling=no height=64></IFRAME>
 
2.控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
 
博客教程Ⅷ:添加视频
 
1.控制面板——个人首页维护——自定义空白面板——>> 点击进入编辑界面——新增——勾选“显示源代码”——面板标题(随便起一个名字,因为在首页上不会显示,所以自己知道即可)——在面板内容里复制以下代码(标点符号不可缺)
 
</textarea><EMBED SRC=视频地址 width=320 height=240 wid</textarea>
 
2.把 视频地址 用要插入的视频地址套入(要先试一下视频地址是否可用)——保存
3.控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
 
博客教程Ⅸ:滚动字
 
1.控制面板——个人首页维护——自定义空白面板——>> 点击进入编辑界面——新增——勾选“显示源代码”——面板标题(随便起一个名字,因为在首页上不会显示,所以自己知道即可)——在面板内容里复制以下代码(标点符号不可缺。<BR>是换行,可自行添加。每次使用一种即可,把要使用的滚动字的代码复制即可)
 
纵向滚动:
<marquee bgcolor=#ffffff class=p4 direction=up height=60 scrollamount=1 scrolldelay=50 style="COLOR: #000000; class: " width=157 text-align: left? border="0" ;>文字</marquee>
横向滚动:
<marquee border="0" align="middle" scrolldelay="120">文字</marquee>
多行纵向滚动:
<marquee scrollAmount=2 width=300 height=50 direction=up>?文字<br>?文字<br><a href=http://blog.sina.com.cn/m/zuokechcng>文字<BR>文字</a></marquee>
2.把 文字 处用要插入的文字套入——保存
3.控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
 
博客教程Ⅹ:FLASH时钟
 
1.控制面板——个人首页维护——自定义空白面板——>> 点击进入编辑界面——新增——勾选“显示源代码”——面板标题(随便起一个名字,因为在首页上不会显示,所以自己知道即可)——在面板内容里复制以下代码(标点符号不可缺)
 
<div align="center"><embed src="FLASH时钟地址" width="180" height="180" type="application/x-shockwave-flash" /></div>
 
2.把 FLASH时钟 用找好的时钟地址套入(时钟可到下面地址里选http://www./page-00s/wzgg/clocks.htm 
注:FLASH时钟地址即打开时钟页面的地址栏里的地址)——保存
3.控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
 
博客教程Ⅺ:天气预报
 
1.控制面板——个人首页维护——自定义空白面板——>> 点击进入编辑界面——新增——勾选“显示源代码”——面板标题(随便起一个名字,因为在首页上不会显示,所以自己知道即可)——在面板内容里复制以下代码(标点符号不可缺)——保存
 
<IFRAME src="http://weather.qq.com/inc/ss125.htm" frameBorder=0 width=200 scrolling=no height=240></IFRAME>
 
2.控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
 
博客教程Ⅻ:背景音乐
 
1.控制面板——个人首页维护——自定义空白面板——>> 点击进入编辑界面——新增——勾选“显示源代码”——面板标题(随便起一个名字,因为在首页上不会显示,所以自己知道即可)——在面板内容里复制以下代码(标点符号不可缺。其中:为自动播放,为不自动播放。loop="true"为连续循环播放,loop="false"为不循环播放。loop可以等于一个整数,比如loop="3",就是音乐循环播放3次。另外width=200是宽度,height=45是高度,这些数据可自行调节,单位为象素)
 
<embed src=音乐地址 width=200 height=45 type=audio/mpeg loop="true" >
 
2.把 音乐地址 用搜索到的音乐试听地址套入(试听地址必须先试听一下,因为有的试听地址不可用,还有就是要找速度快一点的。因为试听地址不可用,在你的博客上也就播放不了,速度慢的,在你的博客上播放也就比较慢。格式最好是MP3和WMA)——保存
3.控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
 
          本文所有内容引自:http://blog.sina.com.cn/m/saiv SaiV的城堡,如需了解更多博客制作知识,请点这个链接!

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多