秋枫的博客

活到老学到老增强体质发挥余热

日志

关于我

秋枫

以锻炼为本,学会健康,以修进为本,学会求知,以道德为本,学会做人,适应为本,学会生存。

文章分类

引用【网易博客】新版博客的制作方法（基础篇）

2010-11-14 23:04:20| 分类：博客装扮教材及教 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

引用

梅香傲雪的【网易博客】新版博客的制作方法（基础篇）

一、基本知识：

1、登陆：首先进入http://www.blog.163.com，用户名和密码：你原来网易的用户名和密码，即可登陆。

2、点击“预览我的博客”进入“编辑我的博客”状态。

3、进入“关于我”界面。填写你的基本资料。

4、进入“排版 ”会出现.

（1）、点击“风格”，选择你需要的博客的风格。



（2）、点击“模块”选择你需要显示的模块.



（3）、点击“版式”，选择你需要的版式。

5、添加“自定义模块”增加你的新栏目。这部分需要一些代码来完成。

6、模块排序：登录后，在“编辑”状态下，可对首页上的日志、图片和个人资料等多个模块使用用鼠标直接拖移摆放。

二、设置功能：

    相当于博客的后台。在“编辑我的博客”界面下，进入“设置”，就可以在“权限设置”和“高级风格”中勾选权限和设置风格。也可以看到你已使用的空间和访问统计。

1、限制设置：在这里，你可以选择自己的日志、图片是否可见及限制他人的访问权限。

2、存储管理：在这里可以看到已经使用的网络空间。

3、高级风格：网易博客高级风格设置及功能介绍

< xmlnamespace prefix ="v" ns ="urn:schemas-microsoft-com:vml" />< xmlnamespace prefix ="o" ns ="urn:schemas-microsoft-com:office:office" />

进入博客，登录后编辑博客，点设置，右边有一选项：

选高级风格，分别可对[顶栏]、[导航栏]、[标题栏]、[背景]、 [底栏]进行个性化的设置。

(1)、顶栏

网易博客提供了多种选择，可任选你喜欢的一种。

在下方对话框，可先选定一个基标色，系统将自动以该基准色为基础自动配成颜色较为协调的各个分色，以适应不同元素的颜色需要，具体分别是页面底色、窗口底色、模块底色、模块标题底色、模块边框、模块标题、日志正文、链接文字、博客名称、模块菜单底色、导航兰文字、说明文字。如果你对部分元素的配色有着特定的偏好，可以在“自定义配色”前打钩。如：需设置日志正文，先单击“日志正文”，再在调色板中选中所需的颜色即可。

(2)、导航栏

单击[导航栏]，任选其中的一种。

(3)、标题栏

单击[标题栏]，任选其中的一种。

(4)、背景

单击[导航栏]，任选其中的一种，并设置图片平铺及图片位置。

如需使用自己的图片，可在“我要上传自己的图片作为页面背景”打钩，在选择所要作背景的图片。

(5)、底栏

单击[底栏]，任选其中的一种。

一切设置好了，点保存。

三、编辑日志：

    首先，登录你的网易博客，确认你的博客处于“编辑”状态，通过点击“日志”选项卡，进入“日志”页面，点击“管理日志”栏下的“添加日志”，即可进入“添加日志”页面，开始日志编辑了。

1、如果想日后方便管理你的网络日志，可在编辑完日志标题和内容后，给日志添加标签或选择类别。

2、网易博客的个人博客首页，是个人快速浏览和管理个人博客的便捷通道。如果你有将“日志”模块显示在首页内，并处于“编辑”状态下，即可通过点击“日志”模块内的“添加”，进入“添加日志”页面。

3、为更有效地展示个人，网易博客提供了图文结合的日志编辑模式。在添加日志时，注意点击文本输入栏下的“添加相片”，即可在日志中加入相片。

4、“切换到预览状态”可以预览日志区局部效果，如果不满意可以点击“返回到编辑状态”，重新修改文章。

另外，你也可以点击页面右上角的“预览我的博客”，预览整个页面。

四、添加好友：

    可通过浏览、查找、和邀请三种方式添加好友。

1、浏览：在浏览别人的网易博客时，通过点击博客导航栏的，即可将对方加为好友。

2、查找：“编辑”状态下，在好友页面，输入对方的博客用户名，点击“查找”，在出现的搜索结果列表中，通过点击，即可将对方加为好友。通过“高级查找”，还可设定“性别”、“年龄”、“地区”等选项查找到他人的博客。

3、邀请：“编辑”状态下，在好友页面，点击“管理好友”栏的“邀请好友”，通过输入对方的邮箱地址，发送邀请函，即可完成好友邀请，接下来就等对方的回应吧。

五、照片功能：

    网易博客提供有两种添加相片方式。网易博客支持gif、jpg、png等格式的图片，单张图片大小不宜超过5兆，在使用批量上传时，一次上传总量不宜超过100兆。

1、上传相片：首先，登录你的网易博客，并确认处于“编辑”状态。通过点击“相片”选项卡，进入“相片”页面，点击“管理相册”栏下的“上传相片”，开始上传。

    网易博客提供两种相片上传方式。

    （1）、Web页面上传

    点击“浏览”从本地电脑选择所要上传的相片，再点击“上传”按钮，进入相片信息填写页面，再点击保存，即可完成相片上传。

    网易博客提供专用的相片上传工具便于你批量上传。初次使用批量上传，会出现下载控件提示，点击“是”即可安装。在右边选择您电脑中想要上传的照片后，点击“开始上传”即可。

2、收藏相片：在浏览别人的网易博客相片时，通过点击图片上方的“收藏”，即可将相应图片加入你的相片“个人收藏”中。

3、管理相片：网易博客提供有重命名、再编辑、删除和分类等相片等管理功能。网易博客提供在线编辑相片功能，可对相册内的图片添加注释、旋转、裁减。

    在“编辑”状态下，进入“相片”页面，即可看到当前的所有相片。此时可进行相片的重命名、添加描述、修改查看权限、设为头像和删除操作。



    在“所有相片”页面点击所要管理的相片，进入“相片”页面，还可对相片进行分类、删除、重命名、添加描述和标签操作。

六、收藏功能：

1、音乐专辑：在线cd架，你的地盘要有声有色，这个可是杀手锏。

    进入“收藏”单元，在管理收藏架的上方，你就可以看到自己的音乐专辑。在这里你可以创建管理你的主题音乐夹。点击“添加音乐”，在输入栏填上你喜欢的歌曲的名称、url、描述文字，就可以了。

收藏夹的音乐将出现在音乐播放器的播放列表里，你可以在这里自由添加喜欢的音乐。

2、在线书架：进入收藏单元，在音乐专辑下可以看到你的心书架。你可以创建添加电子新书，方法与添加音乐相同。同样操作适用于网址档案和个性列表。

七、常用代码：

1、基本代码:

贴图：<img src="图片地址">
贴带连接的字：<a href="所要连接的相关地址">写上你想写的字</a>

带连接的图片</a> <a target="cont" href="地址"><img src="图片地址" width="100" height="100" border="0"></a>
贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false>
贴flash: <embed src="flash地址" width="宽度" height="高度">
贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

2、友情连接:

编辑-排版-模块-添加自定义HTML

<a href=网站地址 target=_blank>网站名字<br>

其中：target=_blank是另外打开网页

<br>是另一行

3、图片连接：

<img src=图片地址 width=图片宽 height=图片高><br>

4、文章连接：

<a href=文章地址 target=_blank>文章名字<br>

八、其他代码：

1、FLASH日历代码

感谢細雨無聲提供的一部分资料

编辑-排版-模块-添加自定义HTML -FLASH

http://www.9941.cn/moban/zhong/25.swf

http://www.5blogs.com/rss/3_.swf

http://www.5blogs.com/rss/2_.swf

http://www.5blogs.com/rss/4_.swf

http://www.5blogs.com/rss/8_.swf

http://www.5blogs.com/rss/9_.swf

http://www.5blogs.com/rss/12_.swf

http://www.5blogs.com/rss/11_.swf

2、制作个性名片:

    编辑-排版-模块-添加自定义 HTML <table width="100%"><tr><td style="padding: 2px;"><img style="border: 1px solid rgb(153, 153, 153); width: 140px; height: 140px;"
src=头像图片地址></td><td valign="top"><table width="100%"><tr><td><img src="/style/common/性别.gif"></td></tr><tr><td><div style="font-weight: bold;font-size:16px;"><a href="邮箱地址">你的名字</a></div></td></tr><tr><td><div>年龄,星座</div></td></tr><tr><td><div>详细地址</div>

    性别那男填 gg 女填 mm

    由于我只用QQ 所以我只会加QQ在线交谈按钮: QQ个人设置-右下角<生成在线状态> 进去填写好资料后生成网页代码然后全复制过来.( 复制在最后)

    最后记得把网易自带的名片隐藏哦

3、访问者停留时间计数器

    编辑-排版-模块-添加自定义HTML 然后把 <p align=center>您在这里停留了：</p>
<p align=center><IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002uq" width=15><IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002up" width=15> 分 <IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002uo" width=15><IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002un" width=15> 秒</p> 复制上去

4、显示来访者IP的代码

    编辑-排版-模块-添加自定义HTML

第一个: <P align=center><IMG src=http://hmrmyy.com/sign.aspx/></P>
第二个:<P align=center><IMG src=http://www.myelogo.com/elogo_user/2.jpg></P>

5、时间FLASH

   编辑-排版-模块-添加自定义HTML -FLASH

送一些flash网址：

http://www.mat.gr.jp/fc/works/flaclo_039_040927.swf

http://www.petlife.uu2.org/flash/flaclo_067_050405.swf

http://www.mat.gr.jp/fc/works/flaclo_095_051121.swf

http://www.mat.gr.jp/fc/works/flaclo_040_041004.swf

http://www.petlife.uu2.org/flash/flaclo_038_040920.swf

http://www.mat.gr.jp/fc/works/flaclo_070_050425.swf

http://www.3lian.com/flash/flashclock/clock1.swf

http://www.3lian.com/flash/flashclock/clock2.swf

http://www.3lian.com/flash/flashclock/clock6.swf

http://www.3lian.com/flash/flashclock/clock7.swf

http://www.3lian.com/flash/flashclock/clock11.swf

http://www.3lian.com/flash/flashclock/clock12.swf

http://www.3lian.com/flash/flashclock/clock18.swf

http://www.3lian.com/flash/flashclock/clock20.swf

http://www.3lian.com/flash/flashclock/clock32.swf

http://www.3lian.com/flash/flashclock/clock36.swf

http://www.3lian.com/flash/flashclock/clock38.swf

http://www.3lian.com/flash/flashclock/clock46.swf

鲜花Flash时钟

http://youlan.100dns.net/flash/flaclo_01.swf

http://youlan.100dns.net/flash/flaclo_02.swf

http://youlan.100dns.net/flash/flaclo_03.swf

http://youlan.100dns.net/flash/flaclo_04.swf

http://youlan.100dns.net/flash/flaclo_05.swf

http://youlan.100dns.net/flash/flaclo_06.swf

更像细的图解：

001.风格设置

002:模块设置

003:版式设置

004:移动模块

005:自定义HTML

006:同上.

007:建立友情连接

建立文字连接:

不在新的窗口打开.

<A style="TEXT-DECORATION: none" href="连接地址"><FONT face=楷体_GB2312 color=#ff00ff size=4>说明文字</FONT></A>

如:

<A style="TEXT-DECORATION: none" href="http://blog.163.com/119672840/"><FONT face=楷体_GB2312 color=#ff00ff size=4>轻轻的我来了,我敲一敲键盘给你个电话号码</FONT></A>

添加文字连接,并在新的窗口打开

<A style="TEXT-DECORATION: none" href="连接地址"target="_blank"><FONT face=楷体_GB2312 color=#ff00ff size=7>说明文字</FONT></A>

如:

<A style="TEXT-DECORATION: none" href="http://blog.163.com/119672840/blog/static/63922020061019373523"target="_blank"><FONT face=楷体_GB2312 color=#ff00ff size=7>令你流泪最多一句话</FONT></A>

添加图片连接,并在新的窗口打开.

<A href="你所要连接的地址"target="_blank"><IMG style="VISIBILITY: visible" height=高度 src="图片地址" width=宽度></A>

如:

<A href="http://photo.163.com/photos/119672840/104451804/"target="_blank"><IMG style="VISIBILITY: visible" height=230 src="http://blog.163.com/photo/uT6QxNqE9P98_atr0EO2tw==/4547228248760694561.jpg" width=480></A>

008:连接效果

009

010:高级设置

011:高级风格

012

013

014下面所有图片建议保存再看,后面还有代码

015

016

017

018

019

020:日志也可以编辑HTML代码

021:添加音乐

添加音乐

<td width="70%" align="center">
<EMBED
src="音乐地址" width=90% height=30 type=audio/x-pn-realaudio-plugin controls="ControlPanel" border="1">
</embed>
</td>
</tr>
<tr></tr></table>

如:

<td width="70%" align="center">
<EMBED                               src="http://218.22.31.250/wap/mp3/2636.mp3" width=90% height=30 type=audio/x-pn-realaudio-plugin controls="ControlPanel" border="1">
</embed>
</td>
</tr>
<tr></tr></table>

022:添加FLASH

添加FLASH

<EMBED           pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src= FLASH地址 width=宽度 height=高度 type=application/x-shockwave-flash quality="high">

如:

<EMBED           pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src= http://imgfree.21cn.com/free/flash/165.swf width=800 height=600 type=application/x-shockwave-flash quality="high">

023:关于FLASH

给FLASH:添加个图片背景

<TABLE style= align=center background=图片地址border=3>
<TBODY>
<TR>
<TD>
<embed
src= FLASH地址 width="450" height="263" quality="high" wmode="transparent"></embed></TD></TR></TABLE>

如:

<TABLE style= align=center background=http://blog.163.com/photo/CxYvdKPXmmF1nV-CtM7oVA==/5651736057373348553.jpg border=3>
<TBODY>
<TR>
<TD>
<embed
src= http://imgfree.21cn.com/free/flash/121.swf width="450" height="263" quality="high" wmode="transparent"></embed></TD></TR></TABLE>

024:结束是新的开始..

现在你可以自己着手试试看了...好运！

评论这张

转发至微博

阅读(45)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_094067082087084065086087094095085085082070082094085070082',
              blogTitle:'引用 【网易博客】新版博客的制作方法（基础篇）',
              blogAbstract:'<P\> </P\>  <P\><EM\>引用</EM\></P\>  <BLOCKQUOTE\><A target=\"_blank\" href=\"http://redrose900.blog.163.com/\" \>梅香傲雪</A\> 的 <A target=\"_blank\" href=\"http://redrose900.blog.163.com/blog/static/16495232006101011040144\" \>【网易博客】新版博客的制作方法（基础篇）</A\><BR\>  <P\><FONT color=\"#ff0066\"  size=\"4\" \><STRONG\>一、基本知识：</STRONG\></FONT\></P\>  <P\> </P\>  <P\>1、登陆：首先进入<A href=\"http://www.blog.163.com/\"  \><FONT color=\"#070707\" \>http://www.blog.163.com</FONT\></A\>，用户名和密码：你原来网易的用户名和密码，即可登陆。</P\>  <DIV src=\"http://blog.163.com/hc/helpImg/p2_1.gif\"  height=\"430\"  width=\"617\"  \></DIV\>  <P\>2、点击“预览我的博客”<IMG title=\"引用 【网易博客】新版博客的制作方法（基础篇） - 秋霞 - 秋 霞\"  alt=\"引用 【网易博客】新版博客的制作方法（基础篇） - 秋霞 - 秋 霞\"  style=\"VERTICAL-ALIGN: top;\"   src=\"http://www.blog.163.com/photo/1guYVjZPlTD6C5yyguK8AA==/3740802440484628782.jpg\"  width=\"159\" \>进入“编辑我的博客”</P\></BLOCKQUOTE\>',
              blogTag:'',
              blogUrl:'blog/static/133568356201010141142051',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1317287086856,
              publishTime:1289747060051,
              permalink:'blog/static/133568356201010141142051',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'以锻炼为本,学会健康,以修进为本,学会求知,以道德为本,学会做人,适应为本,学会生存。',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/133568356201010141142051">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

秋枫的博客

导航

日志

引用 【网易博客】新版博客的制作方法（基础篇）

历史上的今天

最近读者

热度

评论

页脚

引用【网易博客】新版博客的制作方法（基础篇）