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

淡然如是的博客家园

欢迎光临

 
 
 

日志

 
 

【引用】如何装扮网易博客首页面版的最新方法【杨东/原创】  

2011-12-02 23:34:21|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

【引用】如何装扮网易博客首页面版的最新方法【杨东/原创】 - 淡然如是 - 淡然如是的博客家园

 

 

 

如何装扮网易博客的首页面版
最新方法简介

杨东/原创

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

前 言

近来许多博友在博客中留言,询问如何装饰博客首页版面,是的:装饰博客首页版面,如同装修的自己家居,装潢豪华宾馆、殿堂,装饰店铺、门面 等等一样重要,如果你的博客装饰得非常典雅美观,自己看看既顺眼又舒服,每当进入博客时这也是一种享受。但是,由于网易博客系统频繁地更新改版,最近最新的方法比老办法要复杂得多了,这对于初学者来说,也很难入门,故此本博特为爱好博客的朋友们用示意图的方式,逐步来进行解释,希望需要学习的朋友们,按照以下图解,跟着示意图一起动手同步做一次实验,这样就能更好地理解,很快就能掌握全面的各种装饰技巧。
  要装饰博客首页版面,总体来说,主要有以下几个操作步骤

1、开始装饰博客首页门面,必须从【个人中心】入手【博客装扮
   2、进入【博客装扮】选定博客个性风格,选取首页版面格式

   3、进入【添加模块】选定博客首页各项主要模块显示项目。
   4、进入【自定义】详解编辑器各项功能 学习各项类操作规范。
   5、重点学习【自定义】操作规程,实例解析操控步骤 按部就班缺一不可

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

为了能使初学博客的朋友们更好地理解,以下就围绕上述5大要点,用图示的办法讲解:希望朋友们跟着示意图一起动手。

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

1、开始装饰博客首页门面
必须从【个人中心】入手【博客装扮】

 用鼠标指向博客首页顶栏上的【个人中心】→在出现的表中点击最下边桔黄的【博客装扮】,具体操作详见示意图①。

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

2、进入【博客装扮】
选定博客个性风格 选取首页版面格式

进入【博客装扮】后,在博客装扮大标题下边有四个选项,其中第一项是选取风格,690多个风格,可根据你的爱好,由你自己去选取,选定后,别忘了要点一下版面右上角桔黄色的【保存】按扭哦,否则无效。
  接着点开第二项【首页排版】后,首先要设置博客首页面版的格式,在十个格式中,建议你采用第六个《三栏式》比较有特色,凡是你选定的,同样也要点一下桔黄色的【保存】。
  另外二个,第三项是《自定义风格》和第四项是《地址栏图标》暂且忽略不去学习。
  我们为了要很好地装修博客的门面,达到美化家园的目的,我们就必需要重点地去学习博客【首页排版】,那就请朋友们点开第二个按扭【首页排版】,具体操作程序请详以下见示意图②。

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

3、进入【添加模块】
选定博客首页各项主要模块显示项目

 点开【添加模块】后在表的左边有基础、工具、个性列表、自定义四个栏目,这四个栏目都有一定的功能,由你自己去选项,详见以下示意图③简解:

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

4、进入【自定义】
详解编辑器各项功能 学习各项类操作规范

 要达到美化博客首页版面,就必须通过自定义模块来实现,请务必点开【自定义】后,就能看到上边有一个【新建自定义工具】按扭,具体操作详见以下示意图④。

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

5、重点学习【自定义】操作程序
实例解析各项步骤 按部就班缺一不可

实例题材《民间土方验方及食疗书架》实样如下

※《民间土方验方及食疗书架》※

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 本模块代码复制处

民间实用土方验方书架实样代码2009年11月11日【原创】 - 杨东 - 杨东小园

以上书架代码在红边框内

 <TABLE borderColor=#663300 cellSpacing=2 cellPadding=2 width=443 align=center bgColor=#330000 border=8>
<TBODY>
<TR>
<TD>
<P align=center><A href="http://hu320521.blog.163.com/blog/static/8887202520098129722568/edit/" target=_blank><FONT face=楷体_GB2312 color=#00ff00 size=5><STRONG>※《民间土方验方及食疗书架》※</STRONG></FONT></A><STRONG><FONT color=#00ff00></FONT></STRONG> </P></TD></TR></TBODY></TABLE>
<TABLE borderColor=#663300 cellSpacing=2 cellPadding=2 width=443 align=center bgColor=#330000 border=8>
<TBODY>
<TR>
<TD><A href="http://hu320521.blog.163.com/blog/static/8887202520091029371131/edit/" target=_blank><IMG style="WIDTH: 30px; HEIGHT: 190px" height=190 src="http://img245.ph.126.net/r9PKXW_VGkAXcYnrbfCTLA==/2114440025051759143.jpg" width=30 border=0></A> <A href="http://hu320521.blog.163.com/blog/static/88872025200910212429112/edit/" target=_blank><IMG style="WIDTH: 30px; HEIGHT: 190px" height=190 src="http://img245.ph.126.net/w1dGcCqxbNK9sR_hElebkQ==/2114440025051759135.jpg" width=30 border=0></A> <A href="http://hu320521.blog.163.com/blog/static/88872025200910305249297/edit/" target=_blank><IMG style="WIDTH: 30px; HEIGHT: 190px" height=190 src="http://img245.ph.126.net/d77DJBxdycB_THZouw7ckg==/2114440025051759147.jpg" width=30 border=0></A> <A href="http://hu320521.blog.163.com/blog/static/88872025200910873442741/edit/" target=_blank><IMG style="WIDTH: 28px; HEIGHT: 190px" height=190 src="http://img.ph.126.net/iYt_m8RpVJGlZRs_FraveA==/3278902003702744808.jpg" width=28 border=0></A> <A href="http://hu320521.blog.163.com/blog/static/88872025200910352532893/edit/" target=_blank><IMG style="WIDTH: 27px; HEIGHT: 190px" height=190 src="http://img460.ph.126.net/amx7cIHKeeZiLJEVJ1LWHw==/2574088662020029726.jpg" width=27 border=0></A> <A href="http://hu320521.blog.163.com/blog/static/88872025200910431458691/edit/" target=_blank><IMG style="WIDTH: 27px; HEIGHT: 190px" height=190 src="http://img245.ph.126.net/vZ-1L4LpnFljioTCRqG38A==/2114440025051759138.jpg" width=27 border=0></A> <A href="http://hu320521.blog.163.com/blog/static/88872025200910594716884/edit/" target=_blank><IMG style="WIDTH: 29px; HEIGHT: 190px" height=190 src="http://img838.ph.126.net/EXAc2wUXCAla-WP3wXiR5A==/812055307811987373.jpg" width=29 border=0></A> <A href="http://hu320521.blog.163.com/blog/static/88872025200910503621636/" target=_blank><IMG style="WIDTH: 27px; HEIGHT: 190px" height=190 src="http://img384.ph.126.net/TLTDPvBYDWu4cqV4cAbxvQ==/991917817929389246.jpg" width=27 border=0></A> <A href="http://hu320521.blog.163.com/blog/static/888720252009109115134897/edit/" target=_blank><IMG style="WIDTH: 27px; HEIGHT: 190px" src="http://img395.ph.126.net/cTU2SMrTCAwBsagHsAop-A==/2437573298315365368.jpg" width=27 border=0></A> <A href="http://hu320521.blog.163.com/blog/static/88872025200910955137616/edit/" target=_blank><IMG style="WIDTH: 27px; HEIGHT: 190px" height=190 src="http://img838.ph.126.net/TEm_ycIms5FqXksjEb70Zg==/812055307811987362.jpg" width=27 border=0></A> <A href="http://hu320521.blog.163.com/blog/static/88872025200910109231396/edit/" target=_blank><IMG style="WIDTH: 27px; HEIGHT: 190px" height=190 src="http://img387.ph.126.net/DI1PK4w-tTZHgbqo1vrlsg==/2426314299246935075.jpg" width=27 border=0></A> <A href="http://hu320521.blog.163.com/blog/static/8887202520091010102111592/edit/" target=_blank><IMG style="WIDTH: 27px; HEIGHT: 190px" height=190 src="http://img611.ph.126.net/tj46Zh48xNeoDopUh0IRCA==/1667739237012084219.jpg" width=27 border=0></A> <A href="http://hu320521.blog.163.com/blog/static/888720252009101151957106/edit/" target=_blank><IMG style="WIDTH: 27px; HEIGHT: 190px" height=190 src="http://img761.ph.126.net/7WsdKpUz4c9H0TskBWfCeQ==/69805794225372777.jpg" width=28 border=0></A> </TD></TR></TBODY></TABLE>
<TABLE borderColor=#663300 cellSpacing=2 cellPadding=2 width=443 align=center bgColor=#330000 border=8>
<TBODY>
<TR>
<TD width="100%">
<P align=center><FONT face=楷体_GB2312 color=#00ff00><IMG src="http://img.blog.163.com/photo/UEK_F1MrFzbF5SHvzxZ9kA==/339458821913404769.jpg" border=0></FONT><A href="http://hu320521.blog.163.com/blog/static/888720252009101125624568/edit/" target=_blank> <FONT face=楷体_GB2312 color=#00ff00 size=5><STRONG>本模块代码复制处</STRONG></FONT></A><STRONG><FONT color=#00ff00></FONT></STRONG></P></TD></TR></TBODY></TABLE>
<TABLE borderColor=#663300 cellSpacing=2 cellPadding=2 width=443 align=center bgColor=#330000 border=5>
<TBODY><TR><TD></TD></TR></TBODY></TABLE>

以上书架的宽度为443适用于三栏格式的中间模块

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

实例操作 置入代码

5、点开【新建自定义工具】后,→写入“模块标题”,然后把“代码”复制后粘贴到下面的空白表中,→点【预览】,成功后→点【确定】。 

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

实例操作 选中对象

    6、把已生成的模块找到对象后在方框内必须打上勾。

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

实例操作 必须保存

7、最后要把滑条拉上去,在页面的右上角能看到一个桔黄色的【保存】按扭,你必须要点中桔黄色的保存按扭才算全部完成.完成点击【保存】按扭,你要重新进入你的博客,模块就呈现了.

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

实例操作 实样差异

 8、成品虽生成,但是因代码与面版尺寸不相符而不美观.要使模块整洁,就必须修改代码,其实修改源代码也不是很难,只要你在登陆博客的状态下,点开模块右上角的【编辑】就可修改.

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

实例操作 调节代码

 9、凡是自定义模块,每个模块的右上角都有一个【编辑】按扭,只要你在登陆博客的状态下,点开【编辑】就能看到在白色表中的原置入的源代码,在此表中非但可以修改,而且只要代码容量许可还能添加内容.关于本书架的修改,请详见示意图⑨下边的对代码的具体拆析.

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园
 

修改书架的简单说明

以上书架中,每一本书的代码如下

<A href="http://hu320521.blog.163.com/blog/static/8887202520091029371131/edit/" target=_blank><IMG style="WIDTH: 30px; HEIGHT: 190px" height=190 src="http://img245.ph.126.net/r9PKXW_VGkAXcYnrbfCTLA==/2114440025051759143.jpg" width=30 border=0></A>

本书架共有13本书,以上代码只是一本书的代码,其中绿色部份是书本的高度,统一设定为190,这就没有必要去改动了.粉红色部份是书的宽度,如果实样中掉下了一本,就要把粉红色部份的前后二个宽度值数同时改小些,由30改为29,你只要修改1~4本或5~6本,就能掉下的书本收缩上去了。如果不能满框,那就要把30改为31,同时修改几本,直到满意为止就OK了。

以下是书架的框架代码其中红色部份是书架的宽度,如果太小了,可以把443改大些,反之改小些就 OK了。

<TABLE borderColor=#663300 cellSpacing=2 cellPadding=2 width=443 align=center bgColor=#330000 border=8>

<TBODY>

<TR>

<TD>

<P align=center><A href="http://hu320521.blog.163.com/blog/static/8887202520098129722568/edit/" target=_blank><FONT face=楷体_GB2312 color=#00ff00 size=5><STRONG>※《民间土方验方及食疗书架》※</STRONG></FONT></A><STRONG><FONT color=#00ff00></FONT></STRONG> </P></TD></TR></TBODY></TABLE>

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何在已有的模块中再添加代码

请点此2010年10月07日 - 杨东 - 杨东小园如何合理利用首页模块资源

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

实例操作 全部完成

 10、经过修改,为了合理利用模块资源,我们也可尝试添加一个来回游动的字组,方法是把游动字代码加到原来生已成的代码前边.游动字代码如下:

<MARQUEE scrollAmount=4 behavior=alternate width="100%">

<DIV style="FILTER: shadow(color=#FF9999  , strength=20); WIDTH: 650px; HEIGHT: 80px"><FONT face=华文彩云 color=#ff330e><B>

<CENTER><KRAZY Doll><FONT size=8>热烈欢迎诸位来宾莅临指导!</FONT></CENTER></B></FONT>

<P></P></DIV></MARQUEE>

※添加的实样如下※

热烈欢迎诸位来宾莅临指导!

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

最后如何调整首页模块结构
详见以下示意图

如何装扮网易博客首页面版的最新方法【杨东/原创】 - 杨东 - 杨东小园

 

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

符录资料

 

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

杨东小园
博客代码素材总汇
装扮博客首页的各类模块添加代码

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园奏国歌、升国旗代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园清明上河图及古代名画长卷代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园添加“天气预报”代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园可装饰博客首页面版的①号书架书样及代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园在线制作工具代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园可装饰博客首页面版的②号书架书样及代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园国家领导人留言版(模块)实样及代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园个人名片制作代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园百万书库模块实样及代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园可装饰博客的时钟收藏夹①实样作代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园在线供佛《拜佛 点香 烧金 供奉 了却心愿》 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园可装饰博客的时钟收藏夹②实样作代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 佛音:观世音菩萨发愿偈·大悲咒 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园可装饰博客的时钟收藏夹③实样作代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园在线读报(首页模块)实样及代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园【中国古书籍】书滩实样及代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园【各类搜索引擎】实样及代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园请来宾自己动手【绘制红梅图】游戏
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园可装饰博客首页面版的游戏默默无闻实样作代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园可装饰博客首页面版的打鸟游戏实样作代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 漂亮的自定义自加mp3歌曲的FLASH播放器 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 漂亮的MP3变色播放器实样及代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 停留时间留步器实样效果及代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 最简单的浏览导航器 制作方法及代码应用
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 拉幕式欢迎模块实样及代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园 自制博客首页公告栏的实样及代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园阅读【茅盾、鲁迅】等名人专辑书架实样及代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园民间实用土方验方书架实样代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园《万事不求人》(1) 首页模块实样及代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园《万事不求人》(2)首页模块实样及代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园常用工具书-首页模块《书滩》二栏式代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园民间秘方治百病【书架】
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园百万书库模块 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园【各类搜索引擎】
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园四季保健养生堂【书架】代码应用复制处 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园博客留言摘录书架代码
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园新建书滩 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园名人博客链接模块
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园待录 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园待录
如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园精细又实用的卫星电子地图模块实样及代码 如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园添加待录

 

如何装扮网易博客首页面版的最新方法【杨东/原创】 - 杨东 - 杨东小园

热烈欢迎诸位贵宾莅临本博赐教指导

养生宝典 四季养生 民间土方 中华名画长卷 历代国画 怀旧电影 电视剧场
博客建议 博客技巧 博客代码 杨东小园博客动态欢迎 博客素材 -音乐网址 - . 名人博客
 简作音画. FLASH视频教程 PS视频教程 U5实例制作视频教程 3D文字制作视频教程 各类图片 - .
颜色代码 .  在线制作工具. 杨东热烈欢迎各位贵宾莅临小园赐教指导,祝愿诸君健康快乐 幸福永远!  在线视频教程- . 复制代码处- .
生活知识 美图美景 各种边框 新解红学 各种书架 词文朗诵 学博园地
音画欣赏 孙子兵法 娱乐游戏 经典音乐 红楼画集 历史回顾 杨东小园

编后申明

  本作品由杨东加工编辑而成,作品制作虽拙劣粗糙,但从制作示意图素材、构思创意、精心编著,都纯属原创.目的是为了与爱好博客的朋友们共同学习。如若此作品有错误之处,恳请朋友们在以下评论栏中提出赐教指正意见,或良好的改进建议.杨东为此不胜铭感,特此申明,深表谢意。

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

如何装扮网易博客首页面版的最新方法 - 杨东 - 杨东小园

 

 

 

 

 

写于2011年10月21日
2011年10月30日完稿

 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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