陶子博客

您好朋友!愿我的一声问候,能给您带来无穷的快乐!

日志

关于我

陶子

文章分类

【怎样制作博客滚动文字和背景音乐留言贴图】

2010-05-24 21:41:56| 分类：博客技巧 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

近来又有不少的朋友给我发来信息和留言询问怎样制作留言贴图的代码，在此本人现在只说方法步骤，不讲“道理” 具体步骤（1）：点击进入“写日志”栏，点击工具栏的“全部功能”，点击“< >”键，复制以下代码后，放在日志里面去编辑。步骤（2）：复制代码好以后然后点击预览，并将图片和文字从上至下涂黑再复制粘贴！，注意千万不要在日志发表后再复制，否则这样会贴不出来图片、文字和背景音乐的!!!

留言贴图代码【1】：
<P align=center><A href="" target=_blank><IMG style="BORDER-BOTTOM: 0px dashed; FILTER: shadow(color=black); BORDER-LEFT: 0px dashed; BORDER-TOP: 0px dashed; BORDER-RIGHT: 0px dashed" title=陶子请您欣赏　 alt="" src=" http://img843.ph.126.net/K5Gfd8pshfmnj1XgCRbpLA==/887772076547226515.gif " width=480 opacity='100,style="' alpha cellSpacing="6" FILTER: alpha(opacity='100,style=4)"' ? ??></A> </P>

滚动文字+背景音乐的留言贴图代码【2】：
<P>
<MARQUEE style="DISPLAY: block; FONT-SIZE: 20pt; FILTER: ; COLOR: #ff0000" scrollAmount=3 width=500 height=1 opacity='100,style="' 2 alpha FONT-FAMILY 150 LINE-HEIGHT COLOR="#e30166" 350px shadowcolor="blue);" 隶书><BR>
<B> ☆上傳我的真誠，下載你的快樂；浏覽你的人生，刷新我的感覺；拷貝你的優秀，刪除我的寂寞。点击你的留言，留下我的足迹。保存心的交流，備备秋的收獲。感谢你的留言，回复我的祝福！☆</B></MARQUEE></P> <P><A href="" target=_blank><IMG style="BORDER-BOTTOM: 0px dashed; FILTER: shadow(color=black); BORDER-LEFT: 0px dashed; BORDER-TOP: 0px dashed; BORDER-RIGHT: 0px dashed" title=陶子请您欣赏　 alt="" src=" http://img843.ph.126.net/K5Gfd8pshfmnj1XgCRbpLA==/887772076547226515.gif " width=480 opacity='100,style="' alpha cellSpacing="6" FILTER: alpha(opacity='100,style=4)"' ? ??></A> </P>
<P>
<MARQUEE style="DISPLAY: block; FONT-SIZE: 20pt; FILTER: ; COLOR: #ff00ff" scrollAmount=2 behavior=alternate width=500 height=1 opacity='100,style="' 2 alpha FONT-FAMILY 150 LINE-HEIGHT COLOR="#e30166" 350px shadowcolor="blue);" 隶书><BR><B>★★★陶子请你欣赏歌曲【现代爱情故事】★★★</B></MARQUEE></P>
<p><BGSOUND balance=0 src="http://ai9475.cn/bgmusic/ai/xiandaiaiqinggushi_zhangzhilin_xuqiuyi.mp3" volume=0 loop=100 style="DISPLAY: block; FONT-SIZE: 20pt; FILTER: ; COLOR: #ff00ff" width=500 height=1 opacity='100,style="' alpha FONT-FAMILY 150 LINE-HEIGHT COLOR="#e30166" 350px shadowcolor="blue);" 2 ;></p>

☆上傳我的真誠，下載你的快樂；浏覽你的人生，刷新我的感覺；拷貝你的優秀，刪除我的寂寞。点击你的留言，留下我的足迹。保存心的交流，備备秋的收獲。铭记你的留言，回复我的祝福！☆

★★★陶子请你欣赏歌曲【现代爱情故事】★★★

背景图片+滚动文字+背景音乐的留言贴图代码【3】：
<P>
<MARQUEE style="DISPLAY: block; FONT-SIZE: 20pt; FILTER: ; COLOR: #ff0000" scrollAmount=3 width=480 height=1 opacity='100,style="' 2 alpha FONT-FAMILY 150 LINE-HEIGHT COLOR="#e30166" 350px shadowcolor="blue);" 隶书><BR>
<B> ☆上傳我的真誠，下載你的快樂；浏覽你的人生，刷新我的感覺；拷貝你的優秀，刪除我的寂寞。点击你的留言，留下我的足迹。保存心的交流，備备秋的收獲。感谢你的留言，回复我的祝福！☆</B></MARQUEE></P>
<TABLE style="DISPLAY: block; FONT-SIZE: 0pt" height=320 cellSpacing=1 cellPadding=0 width=480 background=http://img843.ph.126.net/K5Gfd8pshfmnj1XgCRbpLA==/887772076547226515.gif opacity='100,style="' 2 alpha FONT-FAMILY 150 LINE-HEIGHT COLOR="#e30166" 350px shadowcolor="blue);" 隶书>
<TBODY>
<TR>
<TD href="" target="_blank"><A> </A> </TD></TR></TBODY></TABLE>
<P>
<MARQUEE style="DISPLAY: block; FONT-SIZE: 20pt; FILTER: ; COLOR: #ff00ff" scrollAmount=2 behavior=alternate width=500 height=1 opacity='100,style="' 2 alpha FONT-FAMILY 150 LINE-HEIGHT COLOR="#e30166" 350px shadowcolor="blue);" 隶书><BR><B>★★★陶子请你欣赏歌曲【现代爱情故事】★★★</B></MARQUEE></P>
<p><BGSOUND balance=0 src="http://ai9475.cn/bgmusic/ai/xiandaiaiqinggushi_zhangzhilin_xuqiuyi.mp3" volume=0 loop=100 style="DISPLAY: block; FONT-SIZE: 20pt; FILTER: ; COLOR: #ff00ff" width=480 height=1 opacity='100,style="' alpha FONT-FAMILY 150 LINE-HEIGHT COLOR="#e30166" 350px shadowcolor="blue);" 2 ;></p>.

☆上傳我的真誠，下載你的快樂；浏覽你的人生，刷新我的感覺；拷貝你的優秀，刪除我的寂寞。点击你的留言，留下我的足迹。保存心的交流，備备秋的收獲。感谢你的留言，回复我的祝福！☆

★★★陶子请你欣赏歌曲【现代爱情故事】★★★

留言贴图代码【4】：
. <P><A href="http://taozi6439532.blog.163.com/" target=_blank><IMG title=陶子欢迎您　 style="BORDER-RIGHT: #8b0000 6px dotted; BORDER-TOP: #8b0000 6px dotted; BORDER-LEFT: #8b0000 6px dotted; BORDER-BOTTOM: #8b0000 6px dotted; BACKGROUND-COLOR: #8b0000" alt="" src="http://img616.ph.126.net/-zozpP_N8U8_Twxmt2nqaw==/1990028085346296755.gif" width=450 opacity='100,style="' alphaopacity='100,style=4)"' shadowcolor="black);" BORDER-LEFT dashed 0px cellSpacing="6" alpha FILTER BACKGROUND-COLOR none BORDER-BOTTOM 000000 cssFloat float 10px MARGIN FLOAT 4px></A></P>.

组合留言贴图代码【5】：
<P><A target=_blank><IMG title=陶子欢迎您 style="BORDER-RIGHT: #76ee00 12px double; BORDER-TOP: #76ee00 12px double; BORDER-LEFT: #76ee00 12px double; WIDTH: 450px; BORDER-BOTTOM: #76ee00 7px double; HEIGHT: 100px; BACKGROUND-COLOR: #000000" alt="" src="http://img.bimg.126.net/photo/Rbl-aKP9zTTje7BAFq6e7g==/4242953798936877354.jpg+)" width=450 opacity='100,style="' ff00ff 4px FLOAT MARGIN 10px float cssFloat 000000 BORDER-BOTTOM none BACKGROUND-COLOR FILTER alpha cellSpacing="6" 0px dashed BORDER-LEFT shadowcolor="black);" alphaopacity='100,style=4)"'><BR><IMG title=陶子欢迎您 style="BORDER-RIGHT: #76ee00 12px double; BORDER-TOP: #76ee00 12px double; BORDER-LEFT: #76ee00 12px double; WIDTH: 450px; BORDER-BOTTOM: #76ee00 7px double; HEIGHT: 350px; BACKGROUND-COLOR: #ff0000" alt="" src="http://img768.ph.126.net/6g_c_hqOtvwTKywnw6x7Gg==/2992360477412152870.gif" width=450 opacity='100,style="' ff00ff 4px FLOAT MARGIN 10px float cssFloat 000000 BORDER-BOTTOM none BACKGROUND-COLOR FILTER alpha cellSpacing="6" 0px dashed BORDER-LEFT shadowcolor="black);" alphaopacity='100,style=4)"'><BR><IMG title=陶子欢迎您 style="BORDER-RIGHT: #76ee00 12px double; BORDER-TOP: #76ee00 7px double; BORDER-LEFT: #76ee00 12px double; WIDTH: 450px; BORDER-BOTTOM: #76ee00 12px double; HEIGHT: 610px; BACKGROUND-COLOR: #ff0000" alt="" src="http://img.bimg.126.net/photo/UnEtLSjm7PtfwMRScZPMIA==/1762033354210220773.jpg+" opacity='100,style="' ff00ff 4px FLOAT MARGIN 10px float cssFloat BORDER-BOTTOM none BACKGROUND-COLOR FILTER alpha cellSpacing="6" 0px dashed BORDER-LEFT shadowcolor="black);" alphaopacity='100,style=4)"' 76EE00><BR><IMG title=陶子欢迎您 style="BORDER-RIGHT: #76ee00 12px double; BORDER-TOP: #76ee00 12px double; BORDER-LEFT: #76ee00 12px double; WIDTH: 450px; BORDER-BOTTOM: #76ee00 7px double; HEIGHT: 102px; BACKGROUND-COLOR: #76ee00" alt="" src="http://img.bimg.126.net/photo/cHYml1A547or7FZgTP56BA==/4518236326159813540.jpg+)" width=450 opacity='100,style="' ff00ff 4px FLOAT MARGIN 10px float cssFloat 000000 BORDER-BOTTOM none BACKGROUND-COLOR FILTER alpha cellSpacing="6" 0px dashed BORDER-LEFT shadowcolor="black);" alphaopacity='100,style=4)"' <p><BGSOUND style="DISPLAY: block; FONT-SIZE: 20pt; FILTER: ; COLOR: #ff00ff" balance=0 src="http://ai9475.cn/bgmusic/ai/xiandaiaiqinggushi_zhangzhilin_xuqiuyi.mp3" volume=0 loop=100 opacity='100,style="' alpha shadowcolor="blue);" ; 2 350px COLOR="#e30166" LINE-HEIGHT 150 FONT-FAMILY height="1" width="480"></P></A>

组合留言贴图代码【6】：
<P><A href="http://taozi6439532.blog.163.com/" target=_blank><IMG height=288 title=陶子欢迎您　 style="BORDER-RIGHT: #FF00FF 12px outset; BORDER-TOP: #FF00FF 12px outset; BORDER-LEFT: #FF00FF 12px outset; BORDER-BOTTOM: #FF00FF 6px outset; BACKGROUND-COLOR: #8b0a50" alt="" src="http://img313.ph.126.net/X6c5hOkPqtGdNiRUwehA4g==/3681129745422081993.gif" width=450 opacity='100,style="' alphaopacity='100,style=4)"' shadowcolor="black);" BORDER-LEFT dashed 0px cellSpacing="6" alpha FILTER BACKGROUND-COLOR none BORDER-BOTTOM 000000 cssFloat float 10px MARGIN FLOAT 4px><BR>
<IMG height=300 title=陶子欢迎您　 style="BORDER-RIGHT: #FF00FF 12px outset; BORDER-TOP: #FF00FF 6px outset; BORDER-LEFT: #FF00FF 12px outset; BORDER-BOTTOM: #FF00FF 12px outset; BACKGROUND-COLOR: #8b0a50" alt="" src="http://img763.ph.126.net/Yx4wEfLsWoTBNzY_AHAt-A==/1208372075019993584.gif" width=450 opacity='100,style="' alphaopacity='100,style=4)"' shadowcolor="black);" BORDER-LEFT dashed 0px cellSpacing="6" alpha FILTER BACKGROUND-COLOR none BORDER-BOTTOM 000000 cssFloat float 10px MARGIN FLOAT 4px><BR>
<IMG height=630 title=陶子欢迎您　 style="BORDER-RIGHT: #FF00FF 12px outset; BORDER-TOP: #FF00FF 6px outset; BORDER-LEFT: #FF00FF 12px outset; BORDER-BOTTOM: #FF00FF 12px outset; BACKGROUND-COLOR: #8b0a50" alt="" src="http://img.bimg.126.net/photo/CJfsZrMg9FmOHVVnhqKmNQ==/4023403317102769799.jpg" width=450 opacity='100,style="' alphaopacity='100,style=4)"' shadowcolor="black);" BORDER-LEFT dashed 0px cellSpacing="6" alpha FILTER BACKGROUND-COLOR none BORDER-BOTTOM 000000 cssFloat float 10px MARGIN FLOAT 4px><BR>
<IMG HEIGHT=110 title=陶子欢迎您　 style="BORDER-RIGHT: #FF00FF 12px outset; BORDER-TOP: #FF00FF 6px outset; BORDER-LEFT: #FF00FF 12px outset; BORDER-BOTTOM: #FF00FF 12px outset; BACKGROUND-COLOR: #8b0a50" alt="" src="http://img.bimg.126.net/photo/cHYml1A547or7FZgTP56BA==/4518236326159813540.jpg+)" width=450 opacity='100,style="' alphaopacity='100,style=4)"' shadowcolor="black);" BORDER-LEFT dashed 0px cellSpacing="6" alpha FILTER BACKGROUND-COLOR none BORDER-BOTTOM 000000 cssFloat float 10px MARGIN FLOAT 4px <p><BGSOUND style="DISPLAY: block; FONT-SIZE: 20pt; FILTER: ; COLOR: #ff00ff" balance=0 src="http://szfile.focus.cn/file/10159/14.快四%20傻妹妹%20憨哥哥的歌%20霸王别集.wma" volume=0 loop=100 opacity='100,style="' alpha shadowcolor="blue);" ; 2 350px COLOR="#e30166" LINE-HEIGHT 150 FONT-FAMILY height="1" width="480"><MARQUEE title=陶子欢迎您 height=50　 style="BORDER-RIGHT: #FF00FF 12px outset; BORDER-TOP: #FF00FF 6px outset; BORDER-LEFT: #FF00FF 12px outset; BORDER-BOTTOM: #FF00FF 12px outset; BACKGROUND-COLOR: #0000ff" alt="" style="DISPLAY: block; FONT-SIZE: 22pt; FILTER: ; COLOR: #ffff00" scrollAmount=3 behavior=alternate width=450 height=50 opacity='100,style="' 2 alpha FONT-FAMILY 150 LINE-HEIGHT COLOR="#e30166" 350px shadowcolor="blue);"<br> <B>★★★陶子请你欣赏歌曲【傻妹妹憨哥哥的歌】★★★</B><br> </MARQUEE></A></P>

★★★陶子请你欣赏歌曲【傻妹妹憨哥哥的歌】★★★

说明：滚动文字+背景音乐的留言贴图代码【2】和背景图片+滚动文字+背景音乐的留言贴图代码【3】以及凡是带背景音乐的代码只限制是自己的博友之间的进行留言，如果不是你的好友则无法留言贴图。

评论这张

转发至微博

阅读(948)| 评论(22)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_080068083083080067086082081095081094085068083094082075',
              blogTitle:'【怎样制作博客滚动文字和背景音乐留言贴图】',
              blogAbstract:'<P align=\"center\" \><A hert=\"http://taozi6439532.blog.163.com/blog/static/58477848201042494156850/\" target=\"_blank\" rel=\"nofollow\" \><IMG height=\"450\" src=\"http://img.bimg.126.net/photo/owdMGLkT5kl84IlqQBSPPQ==/607985949695477046.jpg\"  width=\"450\" \></A\></P\> ',
              blogTag:'',
              blogUrl:'blog/static/58477848201042494156850',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1317329218216,
              publishTime:1274708516850,
              permalink:'blog/static/58477848201042494156850',
              commentCount:22,
              mainCommentCount:22,
              recommendCount:4,
              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:false,
              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/58477848201042494156850">${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 - 订阅此博客

陶子博客

导航

日志

【怎样制作博客滚动文字和背景音乐留言贴图】

历史上的今天

最近读者

热度

评论

页脚