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

快乐妈妈

记述女儿的成长历程、谱写自己的历史

 
 
 

日志

 
 

引用 【全新版】网易博客制作教程  

2007-11-05 13:25:26|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

水晶果冻【全新版】网易博客制作教程
引用 【全新版】网易博客制作教程 - 快乐妈妈 - 快乐妈妈
引用 【全新版】网易博客制作教程 - 快乐妈妈 - 快乐妈妈
基础篇
进阶篇
成长篇
高手篇
引用 【全新版】网易博客制作教程 - 快乐妈妈 - 快乐妈妈
日记篇
Photoshop篇
评论篇
学习篇
引用 【全新版】网易博客制作教程 - 快乐妈妈 - 快乐妈妈

第二期

第三期

第四期

々博客之星报名
引用 【全新版】网易博客制作教程 - 快乐妈妈 - 快乐妈妈
々站内导航

   好久没有写教程了,网易博客最近又增加了新的功能.许多朋友很想美化自己的博客,希望自己的博客能够漂漂亮亮的.

更多视频教程点击>>>>>>>>>>>>>>>>>>>>>>>>>网易博客视频教程

更多的视频教程请看》》》》》博客视频教程(9)共有9篇

【全新版】网易博客制作教程

  其实漂亮的博客拼的是创意,无非就是代码版面设计的搭配,要想做一个漂亮的博客,首先要对自己博客有个整体规划.

  第一步: 选择你自己想要的版面样式.

         第一步很关键,因为好的版面可以给人一种强烈的视觉感,很多博主都喜欢用2/3/2的版面,也就是版面三块,两个小版面一个大版面,然后空出一个小版面,像果冻的首页那样,这样设计的好处是可以自己添加漂亮的背景,有更好的视觉冲击.

  第二步: 选择自己喜欢的主题.

         目前网易的博客主题在不断的更新当中,有海滩的,新年的,恋爱的,温馨的等主题,根据个人爱好而定,好多朋友喜欢黑色的主题,或者蓝色的,这两种主题给人的视觉感觉很强烈.

  第三步:自定义HTML.

        自定义HTML是最能发挥自己才华的一步,好多漂亮的版面全是通过编辑代码而制作成的.好多朋友说看到代码就头疼,其实不然,代码没有那么复杂,也不是专业的网页制作人员才能掌握的一门工具,只要我们大家认真的去尝试,即使你没有学过代码,也能自己制作自定义HTML.

  第四步: 制作背景

        好多朋友想把漂亮的自己喜欢的图片作为背景,但是传上去之后发现,效果远远不如自己期望的,网易的博客背景格式尺寸是有一定的说法的,一般是尺寸为990(宽)*600/800/1200(高),这里的数字表示图片的像素.要是会使用绘图软件就更方便,可以自己制作.

        图片的尺寸一般把鼠标放在图片上边,右键"属性",可以看到,包括图片的地址等信息.

  第五步: 写日志/上传照片

       日志要做好归类,像大家现在看到的,本博客的归类有博客杂志(3)/博客之星(5)/博客制作教程(11)/博友问答(3)/果冻日记(23)/小说在线(3)/学习的DY(2)/引用公告(3)/杂谈碎语(6)/站内讨论(10)/珍藏图片(4)

       好的归类可以让别人很快的浏览你的网页.

       照片的上传我想我不用多说,大家都会

  第六步:宣传自己的博客

       许多朋友的博客在百度或者谷歌上已经能搜到了,这就是宣传,当然仅仅这些是不够的,大家可以看果冻博客以前的日志,介绍大家怎样推销自己的博客/可以加入自己喜欢的博客群等等...

       还有就是让别人定阅自己的博客/具体的看首页我的订阅

   我把我自己博客的一些版面的代码粘贴给大家,希望对大家有所帮助

首页"精彩内容"的代码"

<center><table width="454" border="0">    <tr>      <th width="114" height="29" scope="col"><a href="http://www.blog.163.com/lixiangbo_27/blog/static/470844200610123213318  ">博客杂志</a></th>      <th width="97" scope="col"><a href="http://www.blog.163.com/lixiangbo_27/blog/static/470844200610123213318  ">博客之星</a></th>      <th width="94" scope="col"><a href="http://www.blog.163.com/lixiangbo_27/blog/static/470844200610123213318  ">博客技巧</a></th>      <th width="121" scope="col"><a href="http://www.blog.163.com/lixiangbo_27/blog/static/470844200610123213318  ">音尚文化</a></th>    </tr>  </table></center>

说明: width="454" 是只版面框的大小,一般尺寸为小自定义的框宽为440,这里的尺寸自己可以改动

首页"博客代码"的代码"

<TABLE height=100 cellSpacing=0 cellPadding=0 width=520 background=http://photo.blog.163.com/photo/ate6gk7VMtG6ZOpBsHVhMQ==/625155923274396047.jpg  border=0
bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED     

说明: 图片可以和自己喜欢的FLASH一块做在一起,这样图片会有动感

图片加FLASH的原始代码是:

<TABLE height=300 cellSpacing=0 cellPadding=0 width=524 background=图片地址 border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED         src="FLASH地址" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%"> </P></TD></TR></TBODY></TABLE>

说明:图片地址如/我们看到一个图片它的地址>>>右键鼠标"属性"把图片地址复制下来>>格式http://img.blog.163.com/photo/qsucbPakk_2FHeUrGftdrw==/851743279526932264.jpg (jpg格式的)

>>>>>>>>FLASH地址/>>>>FLASH一般是"SWF"结尾的网址

首页"々关于我"的代码"

个性名片代码如下:

<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>

说明:红色部分的内容可以自己改的

 首页"我QQ:31823069←"的代码"

<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=31823069&Site=水晶果冻的博客&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:31823069: 12 alt="点击这里给我发消息"></a>
>>>以上为QQ的代码,红色部分可以自己改,号码为你自己的QQ号,其中有数字"12"可以改为"1-13"13个数

<CENTER><a href="http://say-on.com/www.blog.163.com/lixiangbo_27">点这有惊喜哦!!</a><br>
<A title=通过bloglines订阅 href="http://www.blog.163.com/lixiangbo_27/rss/" target="_blank"><img src="http://www.blog.163.com/photo/5jRBsLP1eBan1aYbh1fyug==/36591746973720967.jpg" border=0></A>

<BR>

说明: <br>代码表示换行/下一行的意思

      <center> </center>代码表示把你的内容让他居中

      当然你也可以<left></left>或者<right></right>

      这些放在所有代码的开头结尾

>>>>订阅的代码

 <A title="通过Google Reader订阅" href="http://fusion.google.com/add?feedurl=http://www.blog.163.com/lixiangbo_27/rss/" target=_blank><IMG src="http://www.blog.163.com/photo/zlOHt0Qvl2SZNhHjvlm6UA==/36591746973720969.jpg" width=104 border=0></A>

<BR> &nbsp; <A title=通过抓虾订阅 href="http://www.zhuaxia.com/add_channel.php?url=http://www.blog.163.com/lixiangbo_27/rss/" target=_blank><IMG src="http://www.blog.163.com/photo/ZaZYSwFuYBFRqGRCYxJnYw==/36591746973720989.jpg" border=0></A>

<BR> &nbsp;&nbsp;&nbsp; <A title=通过狗狗订阅 href="http://www.gougou.com/" target="_blank"> <IMG src="http://www.blog.163.com/photo/ZbYe4467TGkvHBwskYx48A==/36591746973720971.jpg" border=0></A>

<BR>&nbsp; <A title=添加到Live.com href="http://www.live.com/?add=http://www.blog.163.com/lixiangbo_27/rss/" target="_blank"> <IMG src="http://www.blog.163.com/photo/qFnylcYIcBIkLvzd7UA3wg==/36591746973720973.jpg" border=0></A>
<BR> <a href=";t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(blog=window.open('http://new.bolaa.com/CommendBlog/SmallLogin.aspx?title='+escape(d.title)+'&newspath='+escape(d.location.href)+'&subtitle='+escape(t),'bolaa','width=400px,height=400px'));blog.focus();"><img border="0" src="http://www.bolaa.com/Resource/images/check_88_23.gif"></a>
</CENTER>

  首页"11月最新发表的日志"的代码"

<center><img src=http://img.blog.163.com/photo/WVkvdy_HeUr2dN9KL5Ad1w==/4816036851519394898.jpg  width=200 height=30><br></center>    </marquee><table width=100 style="filter:glow(color=red, strength=2)"><tr><td>HOT</td></tr></table>  <a href=http://blog.163.com/lixiangbo_27/blog/static/47084420070194155251  target=_blank>々 【搞笑视频《桃花朵朵开》】<br> </a>
<a href=http://blog.163.com/lixiangbo_27/blog/static/4708442007018103813974  target=_blank>々 【KISS-GOODBYE-献给挚爱的人】<br> </a>
<a href=http://blog.163.com/lixiangbo_27/blog/static/470844200701724816666 target=_blank>々 【一个人的思索】(原创)<br> </a>
<a href=http://blog.163.com/lixiangbo_27/blog/static/47084420070102197841 target=_blank>々 【岁月流逝-经典电影回顾】<br> </a>
<a href=http://blog.163.com/lixiangbo_27/blog/static/4708442007088581067 target=_blank>々 【新年第一周博客之星】<br> </a>

说明:以上代码是"带连接的字"的代码

  首页"§在线电影§"的代码"

<CENTER>
</a> <a target="cont" href="http://www.blog.163.com/lixiangbo_27">
<img src="http://photo.blog.163.com/photo/x55mX15fsSXp9VOEMfZ3iA==/36873221952915301.jpg" width="450" height="50" border="0"></a></CENTER><br>
<marquee direction=up scrollamount=2>
<a href=http://flash.6to23.com/flash/9_29.swf target=_blank>々 风流少年唐伯虎    (★★★☆)<br></a>

<a href=http://flash.6to23.com/flash/9_41.swf target=_blank>々 大话无极    (★★★★☆)<br></a>

<a href=http://www.blog.163.com/lixiangbo_27/blog/static/470844200681644232767 target=_blank>々 血色浪漫    (★★★★☆)<br></a>

<a href=http://flash.6to23.com/flash/13_43.swf target=_blank>々 就算我是周星弛(★★★★☆)<br>
</a>

<a href=http://flash.6to23.com/flash/13_47.swf target=_blank>々 色即是空    (★★★★☆)<br>
</a>

<a href=http://flash.6to23.com/flash/13_41.swf target=_blank>々 嫁个有钱人  (★★★☆☆)<br>
</a>

<a href=http://flash.6to23.com/flash/13_38.swf target=_blank>々 午夜凶铃(有点恐怖)(★★★☆☆)<br>
</a>

<a href=http://flash.6to23.com/flash/13_36.swf target=_blank>々 疯狂的石头  (★★☆☆☆)<br>
</a>

<a href=http://flash.6to23.com/flash/13_37.swf target=_blank>々 学校有鬼尸变(★★★☆☆)<br>
</a>

<a  href=http://flash.6to23.com/flash/13_56.swf target=_blank>々 人狗情未了(★★★☆☆)<br>
</a>

<a href=http://flash.6to23.com/flash/13_50.swf target=_blank>々 这辈子我们还能在一起吗(★★★☆☆)<br></a>

<a href=http://flash.6to23.com/flashhtml/flash_2654.html target=_blank>々 兵哥        (★★☆☆☆)<br></a>

<a  href=http://flash.6to23.com/flash/11_83.swf target=_blank>々 金瓶梅       (★★★★☆)<br>
</a>

<a  href=http://flash.6to23.com/flash/13_28.swf  target=_blank>々 走失的新娘       (★★★★☆)<br>

</a>

<a  href=http://flash.6to23.com/flash/13_26.swf target=_blank>々 花季第四集[花落](★★☆☆☆)<br>
</a>

<a  href=http://flash.6to23.com/flash/6_168.swf target=_blank>々 爆笑范伟之如此买菜(★★★★★)<br>
</a>

<a href=http://flash.6to23.com/flash/8_3.swf  target=_blank>々 野男人之MM(★★★☆☆)<br>
</a>

<a href=http://flash.6to23.com/flash/9_25.swf  target=_blank>々 猪都笑了[单行道乐队](★★★☆☆)<br></a></marquee>

 说明:以上代码为移动字的"代码"

  <up>就是向上移动/<left>就是向左移动/<right>就是向右移动/<down>就是向下移动

 

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

历史上的今天

评论

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

页脚

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