滴墨斋主的后花园

.

日志

关于我

滴墨斋主

文章分类

博客精品栏目推荐模板制作步骤——“三合一图片制作法”【滴墨斋主原创】

2014-07-03 15:58:54| 分类：原创教材 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

博客精品栏目推荐模板

发表日志时，放在日志底部，很漂亮的博客推介工具！

对于提高访问量，提升点击率效果明显。

换上自己博客的栏目标题和链接就成了你自己的了！

下面我就一步一步告诉你怎么操作。

原创诗歌	原创博文		原创模板	原创边框
制作工具	巧用代码		flash素材	开博秘笈
我的收藏	音乐KTV		图片仓库	边框大全
背景基地	家教资料		博客时钟	免抠素材
诗歌对联	家具图片	手工制作	民风民俗	生活窍门
中外剪纸	博客教材	电脑网络	书法作品	网易名博
优美音画	推荐博文	健康指南	视频播放	LOGO模板
相框素材	博客留言	分割线	PS教程	历史存照
知识吧台	博客教材	游戏乐园	精美顶栏	佩文诗韵
原创对联	首页色码	翻看相册	博客好友	漏图技巧

★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★

第一步：

制作一张属于自己的个性图片。当然也可以直接使用下边的现成图片。

图宽\800，图高\427（像素）

第二步：

图片切割——把图片分成三份。

第一片，顶部图宽\800，图高\187（像素）

第二片，中部图宽\800，图高\100（像素）

第三片，底部图宽\800，图高\140（像素）

第三步：制作“三合一图片框架代码”

复制下边的代码，打开博客点击“写日志”，点击日志顶部右侧<>符号，进入日志后台，然后在下面空白

处点击鼠标右键进行粘贴；然后再次点击日志顶部右侧<>符号，返回日志前台查看效果。

<tbody>

<tr>

<tr>

<tbody>

<tr>

<td>

<p align="center" style="text-align: start;">动闪图片宽：647.高：60.</p>

<tr>

这下图就是用所谓“三合一图片框架代码”安装好了的实际效果

在顶部添加了一个动闪图片。宽：647.高：60（像素）

下边添加了一组实心和空心五角星，你也可以根据自己

实际需要和个人爱好更换自己喜欢的图片素材！.

★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★

第四步：

用代码设置表格

根据所选图片内框宽度，表格宽\660，表格高\0（像素）

表格代码复制粘贴步骤请参照第三步操作。

<tbody>

<tr>

<tr>

<tr>

<tr>

<tr>

<tr>

<tr>

<tr>

表格效果

栏目名称	栏目名称	头像	栏目名称	栏目名称
栏目名称	栏目名称		栏目名称	栏目名称
栏目名称	栏目名称		栏目名称	栏目名称
栏目名称	栏目名称		栏目名称	栏目名称
栏目名称	栏目名称	栏目名称	栏目名称	栏目名称
栏目名称	栏目名称	栏目名称	栏目名称	栏目名称
栏目名称	栏目名称	栏目名称	栏目名称	栏目名称
栏目名称	栏目名称	栏目名称	栏目名称	栏目名称

第五步：

表格代码与图片代码（第三步获得的图片组合代码与第四部获得的表格代码）进行合并。

复制下边的代码，打开博客点击“写日志”，点击日志顶部右侧<>符号，进入日志后台，然后在下面空白

处点击鼠标右键进行粘贴；然后再次点击日志顶部右侧<>符号，返回日志前台查看效果。就这么简单！

看到效果了吗？与本教程顶部的“博客精品栏目推荐模板”——（滴墨斋主后花园的精品栏目）一样啊！

一、为了使博友们少走弯路，现在我就把表格代码和链接地址合并技巧告诉各位：

1、我们以上边第四步这段表格代码为例。

<td align="middle">[在这里粘贴下边的链接代码，切记将本段文字两端的小括号删除啊]栏目名称</td>

2、在日志编辑后台把第四步得到的所有表格代码全部复制粘贴以后；

3、我再给你一段链接代码：

4、两段代码合并以后是这样的：

5、上述代码已经把栏目地址粘贴好了，”栏目名称”换成了“原创诗歌”。你可以换上自己的链接地址和栏目名称。

二、再说说“带链接的表格代码”和“三合一图片框架代码”的合成技巧；

1、首先把“三合一图片框架代码”放在上边。【代码顺序号1】

<tbody>

<tr>

<tr>

<tbody>

<tr>

<td>

2、以下是“带链接的表格代码”一小段代码（这里仅作为示范，实际操作切记复制全部代码啊。）【代码顺序号2】

<tbody>

<tr>

3、结尾代码：【代码顺序号3】

<tr>

4、按照代码顺序号1、2、3顺序合并即可。

不知道看了上面的步骤以后，你是会了了呢？还是会了呢？还是会了呢？？？没关系，如果还不懂，就在这篇日志下边的留言栏给我留言，我很真诚哦。

以下代码就是按照上述步骤制作的，返回本篇日志顶部查看效果把！！！

<tbody>

<tr>

<tr>

<tbody>

<tr>

<td>

<tbody>

<tr>

<tr>

<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&t=1&c=fks_087064085085080064080084087095080084083069080087083070"><font color="#000000">flash素材</font></a></td>

<tr>

<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&t=1&c=fks_087070084083086070084084080095080084083069080087083070"><font color="#000000">音乐KTV</font></a></td>

<tr>

<tr>

<tr>

<tr>

<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&t=1&c=fks_087069080094084070085080082095080084083069080087083070"><font color="#000000">LOGO模板</font></a></td></tr>

<tr>

<tr>

<tr>

<tr>

评论这张

转发至微博

阅读(1501)| 评论(99)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087071082081089066083085087074072082083065082082087070081',
              blogTitle:'博客精品栏目推荐模板制作步骤——“三合一图片制作法”【滴墨斋主原创】',
              blogAbstract:' \n<div style=\"TEXT-ALIGN: center;\"   \><span style=\"COLOR: rgb(255,0,0);\"   \><font size=\"7\"   \>博客精品栏目推荐模板</font\></span\></div\>\n<div style=\"TEXT-ALIGN: center;\"   \></div\>\n<div style=\"TEXT-ALIGN: center;\"   \><font color=\"#ff0000\"   \>发表日志时，放在日志底部，很漂亮的博客推介工具！</font\></div\>\n<div style=\"TEXT-ALIGN: center;\"   \><font color=\"#ff0000\"   \>对于提高访问量，提升点击率效果明显。</font\></div\>\n<div style=\"TEXT-ALIGN: center;\"   \><font color=\"#ff0000\"   \>换上自己博客的栏目标题和链接就成了你自己的了！</font\></div\>\n<div\>\n<div style=\"TEXT-ALIGN: center;\"   \><span style=\"COLOR: rgb(255,0,0);\"   \>下面我就一步一步告诉你怎么操作。</span\></div\>\n<table title=\"\"   border=\"0\"   cellspacing=\"0\"   cellpadding=\"0\"   width=\"800\"   align=\"center\"   \>\n<tbody\>\n<tr\>\n</tr\></table\></div\>',
              blogTag:'',
              blogUrl:'blog/static/4226415520146335854150',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1448356878636,
              publishTime:1404374334150,
              permalink:'blog/static/4226415520146335854150',
              commentCount:99,
              mainCommentCount:49,
              recommendCount:15,
              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:'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/4226415520146335854150">${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 - 订阅此博客

滴墨斋主的后花园

导航

日志

博客精品栏目推荐模板制作步骤——“三合一图片制作法”【滴墨斋主原创】

历史上的今天

最近读者

热度

评论

页脚