注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

高 雅 博 客

坦荡的做人—认真的做事—真诚的交友

 
 
 

日志

 
 

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

2011-07-06 09:18:44|  分类: 博客教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一、基本知识:

 

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

2、点击“预览我的博客”【引用】【网易博客】新版博客的制作方法(基础篇) - 高雅 - 高 雅 博 客进入“编辑我的博客”【引用】【网易博客】新版博客的制作方法(基础篇) - 高雅 - 高 雅 博 客状态。

 

3、进入“关于我”【引用】【网易博客】新版博客的制作方法(基础篇) - 高雅 - 高 雅 博 客界面。填写你的基本资料。

【引用】【网易博客】新版博客的制作方法(基础篇) - 高雅 - 高 雅 博 客

4、进入“排版 ”会出现【引用】【网易博客】新版博客的制作方法(基础篇) - 高雅 - 高 雅 博 客.

 

  (1)、点击“风格”,选择你需要的博客的风格。

         【引用】【网易博客】新版博客的制作方法(基础篇) - 高雅 - 高 雅 博 客

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

         【引用】【网易博客】新版博客的制作方法(基础篇) - 高雅 - 高 雅 博 客

 

  (3)、点击“版式”,选择你需要的版式。

 

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

 

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

【引用】【网易博客】新版博客的制作方法(基础篇) - 高雅 - 高 雅 博 客

 

 

二、设置功能:

 

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

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

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

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

【引用】【网易博客】新版博客的制作方法(基础篇) - 高雅 - 高 雅 博 客

 

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

【引用】【网易博客】新版博客的制作方法(基础篇) - 高雅 - 高 雅 博 客

 

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

 

(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>&nbsp;分&nbsp;<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>&nbsp;秒</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_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:结束是新的开始..

 

【引用】【网易博客】新版博客的制作方法(基础篇) - 高雅 - 高 雅 博 客

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

 

  评论这张
 
阅读(64)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017