向荣 ╭☆腾☆╯

让我的心愿点击你的笑脸！让我的愿望输入你的幸福！

日志

关于我

向荣

龍~穷忙族╭⌒╮

文章分类

手把手教你博客自定义风格页面(新手指南)

2013-10-19 17:20:06| 分类：博客技巧 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自芳芷香惠《手把手教你博客自定义风格页面(新手指南)》

手把手教你博客自定义风格页面

编写：芳芷香蕙

一、提前准备顶栏使用的背景图片备用。

把要使用的背景图片宽度做成色素1040的图片，

图片高度根据图片的整体景况和自己的需要截取。

二、打开自己的博客首页，点左上教的向下的小箭头——点装扮博客。

三、点风格自定义

四、点新建风格。

五、点顶区、选择你需要的背景颜色，背景颜色要根据背景图片色彩搭配。

六、颜色选择后点选图

在你事先准备好的图片中选择后打开。

七、平铺方式选择：如果你的图是按宽度1040 制作的，选择不平铺，如果图片小，选择水平平铺。

根据需要设置顶栏高度，

左键点顶区高度文字下边的滑竿拉动设置到适宜为止。

八、文字选择：可以根据图片底色选择自己需要的文字颜色

效果如下图

九、按照以上程序设置中栏、底栏。

十、如果你的设置都满意了，点保存风格

十一、如果你只想自己使用你所设置的自定义风格，点使用此风格。

如果想把你的自定义风格推荐给大家，点分享此风格，

新界面出来后，对你的风格命名，分类再保存，等待上传完毕后返回即可。

如果对自己设置的风格使用一段时间后感到不满意了，

要么重做，要么点修改，重新设置。

好了，给大家介绍完了，希望大家设置出自己独特的风格，

来增加你博客的吸引力哦！

芳芷香蕙欢迎你

郑重提示:转贴r的朋友请勿删去下面的链接，谢谢你的合作!

美化博客相关主题精选

Photoshop教程:制作扭动的动态文字	Photoshop CS3从头学
==教你做漂亮的字==	PhotoShop技巧与实例
Photoshop绘制扇子的方法	教你怎样做出一个漂亮的网页来
Flash 8.0视频教程	如何将GIF动画弄到FLASH里使用
Flash MX 轻轻松松入门视频教程	如何把透明FLASH弄到自己的作品里
Flash CS3 之动画视频教程	静态图片加到动态底图上的制作方法
U5做开关门幻灯条图	制作图片翻页效果
制作变色文字	屏幕移动效果
制作个性顶部流动字	制作卷轴画
抠出现成的透明边框	U5处理透明图片
U5制作超炫动态签名教程	u5打字机效果
手把手教你博客自定义风格页面/	给图片加动态边框
U5制作扇子	让边框闪动起来
制作水晶球	制作滚动字幕
制作风车字	制作照片换背景图
如何在动画图片里加动态字篇	电影流动胶片制作效果
用U5制作轴面闪字效果	U5制作下雨下雪教程
==制作竹林笛声==	制作旋转时钟字
静态图片中加上动画图片	U5制作两种字效
制作水波流动的效果	U5提取视频段落转换为GIF文件
使用U5插件制作闪电效果	自己动手做闪图素材
飞动的蝴蝶制作	个性签名图制作
流水式渐变字	鲜花写字效果
制作眨眼睛效果	教你做多张图片合一的滚动图片
制作签名文字特效	U5制作闪字签名
用U5做背景移动的字	U5基础教程
使你日志漂亮的代码	教你几组美化博客的代码
教你几组美化博客的代码	超漂亮经典播放器
教你制作音画表格	双条遮罩效果及代码
闪图相框教学与代码分享（初学者进）	如何使用精美的音画套装
教你将FLASH转换成动态GIF图片--美化你的图片	教你怎样给像片加漂亮的边框
把你的照片变成故事--PhotoStory3教程	几款不同的制图代码
3D文字制作视频教程	30秒清除你电脑中的垃圾
用移动制作图片变化效果	精美的花心文字代码与制作
巧用flash代码给图片加边框	图片+flash，flash+flash，flash上写字贴图技巧
图片链接移动代码	怎样在一张背景图片上放多个透明flash动画
图片去除文字的几个基本技法	制作音画的特殊代码：
制作像册的特殊代码	如何在图片里写字
自己做的漂亮的播放器代码	教你如何做首页和日志导航
用移动制作图片变化效果	精美的花心文字代码与制作
巧用flash代码给图片加边框	图片+flash，flash+flash，flash上写字贴图技巧
图片链接移动代码	怎样在一张背景图片上放多个透明flash动画
图片去除文字的几个基本技法	制作音画的特殊代码：
制作像册的特殊代码	如何在图片里写字
教你做移动相册	我喜欢的一组立体回帖
让金发美女走上你的博客	教你两组美化博客的代码
制作动态瀑布的方法	教你如何做首页和日志导航
如何在博客首页添加好友连接	如何修改网易博客密码

7●我的首页● ●PhotoShop技巧与实例● ●FLASH教程● ●U5教程● ●透明FLASH下载演示汇总+博客素材● ●香蕙音画集● ●个人文集2● ●全部作品导航● ●香蕙心语● ●探情坊● ●我的收藏● ●分隔线● ●美博技巧● ●图片素材● ●温馨祝福● ●制作工具● ●精品屋● ●茶余饭后● ●音画专栏● ●康乐园● ●音画网页1● ●音画网页2● ●情爱兵法● ●FLASH素材●

我 - 向荣 - 向荣 ╭☆腾☆╯

ps教程	博客制作	人物素材	装扮素材	原创音画	健康之道
教学资源	在线制作	演讲稿	插画空间	PNG免抠	女性美
签名制作	边框模板	给向荣留言		我的笔记	U5教程

评论这张

转发至微博

阅读(543)| 评论(40)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087064081095083067092086085071072082081075086087081',
              blogTitle:'手把手教你博客自定义风格页面(新手指南)',
              blogAbstract:' \r\n<TABLE borderColor=\"#cccccc\"  cellSpacing=\"25\"  cellPadding=\"25\"  width=\"100%\"   background=\"http://img.blog.163.com/photo/KnIYCSkNT8uCIUF-vMwQ2A==/3180104286877383832.jpg\"  border=\"0\"  \>\r\n<TBODY\>\r\n<TR\>\r\n<TD\>\r\n<TABLE borderColor=\"#cccccc\"  cellSpacing=\"7\"  cellPadding=\"7\"  width=\"100%\"   align=\"right\"  background=\"http://img.blog.163.com/photo/tMvz5HNmyyAr1m5YUtdNrw==/2329205432281219379.jpg\"  border=\"0\"  \>\r\n<TBODY\>\r\n<TR\>\r\n<TD\>\r\n<TABLE borderColor=\"#cccccc\"  cellSpacing=\"8\"  cellPadding=\"8\"  width=\"100%\"   align=\"right\"  bgColor=\"#000000\"  background=\"http://img.blog.163.com/photo/jFdKgLRIZKj0LQVXngzY_g==/2268125362335390925.jpg\"  border=\"0\"  \>\r\n<TBODY\>\r\n<TR\>\r\n<TD\>\r\n</TD\></TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/40821720139195206659',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1382174760686,
              publishTime:1382174406659,
              permalink:'blog/static/40821720139195206659',
              commentCount:40,
              mainCommentCount:40,
              recommendCount:7,
              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:true,
              hostIntro:'龍~穷忙族╭⌒╮',
              hmcon:'0',
              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/40821720139195206659">${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 - 订阅此博客

向荣 ╭☆腾☆╯

导航

日志

手把手教你博客自定义风格页面(新手指南)

历史上的今天

最近读者

热度

评论

页脚