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

追梦人的博客

梦中幻想 脚踏现实

 
 
 

日志

 
 

【转载】看似复杂的日志链接其实不难(可复制现成的代码)  

2015-11-02 21:25:49|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

      什么是链接?简单说,它就像交通工具,有了它我们才能到达各个网站或网页。如果没有了链接,我们就哪也去不了了,动画也消失了,电脑就成了废物。下面,我就用实例由简到繁地说说各种链接的方法。

   一、先说说简单链接:

     (日志和日志的简单链接)

    例如我的链接效果:

点击查阅:原创:巧用通用动画代码,制作自己喜欢的动画

 

代码:<P style="TEXT-INDENT: 2em"><A href="http://caijing200794.blog.163.com/blog/static/44895475201210285445907/" target=_blank>点击查阅:原创:巧用通用动画代码,制作自己喜欢的动画 </A></P>

 

制作方法:

 

<P style="TEXT-INDENT: 2em"><A href="换上您的日志地址代码" target=_blank>点击查阅:"换上您的日标题" </A></P>

 

“点击查阅”您也可以换上自己的话。引号是为了粘贴方便,没有也可以,但其它的字母、符号可千万不能缺,哪怕是“<”;缺了就作废了。

使用方法:

  写完日志以后,复制上面的代码,点击“写日志页面”最上面偏右侧的<>(它是源代码的标示)。您会看到您的日志内容都变成了代码和文字,在最下面粘贴您刚才复制的链接代码。

 粘贴以后,您删去代码里我写的文字,把您想链接的日志地址代码复制后粘贴上,然后再写上链接日志的标题,就行了。您如果想让字大一些,或者想改变字体和颜色,就在“写日志页面”采取写日志时的做法就可以(不用点击<>)。

 

    二、再说说一般的链接:
    这种链接往往是表格形式,多用在首页、日志下方或日志页面,制作方法和简单链接没有太大的区别。

 先看效果图:

 
 

 请欣赏我的作品

  日志标题

 日志标题

 日志标题

 日志标题

 日志标题

 日志标题

 日志标题


 
 
 
 

表格代码:


 <P align=center>&nbsp;<BR>&nbsp;<BR>
<TABLE border=10 cellSpacing=0 borderColor=#0080ff borderColorLight=#62b0ff borderColorDark=#004b97 cellPadding=6 width=200>
<TBODY>
<TR bgColor=#1050ff>
<TD width="100%">
<P style="TEXT-INDENT: 0em"><FONT color=#ff6600 size=4>&nbsp;</FONT><A href="换上您的首页地址代码" rel=nofollow target=_blank><FONT color=#00ffff size=4>请欣赏我的作品</FONT></A></P></TD>
<TR bgColor=#2050ff>
<TD width="100%">
<P style="TEXT-INDENT: 2em"><FONT color=#ffffff>&nbsp;</FONT><A href="日志页面地址" target=_blank><FONT color=#ffffff> 日志标题</FONT></A></P></TD>
<TR bgColor=#3050ff>
<TD width="100%">
<P style="TEXT-INDENT: 2em"><FONT color=#ffffff>&nbsp;</FONT><A href="日志页面地址" target=_blank><FONT color=#ffffff>日志标题</FONT></A></P></TD>
<TR bgColor=#4050ff>
<TD width="100%">
<P style="TEXT-INDENT: 2em"><FONT color=#ffffff>&nbsp;</FONT><A href="日志页面地址" target=_blank><FONT color=#ffffff>日志标题</FONT></A></P></TD>
<TR bgColor=#5050ff>
<TD width="100%">
<P style="TEXT-INDENT: 2em"><FONT color=#ffffff>&nbsp;</FONT><A href="日志页面地址" target=_blank><FONT color=#ffffff>日志标题</FONT></A></P></TD>
<TR bgColor=#6050ff>
<TD width="100%">
<P style="TEXT-INDENT: 2em"><FONT color=#ffffff>&nbsp;</FONT><A href="日志页面地址" target=_blank><FONT color=#ffffff>日志标题</FONT></A></P></TD>
<TR bgColor=#7050ff>
<TD width="100%">
<P style="TEXT-INDENT: 2em"><FONT color=#ffffff>&nbsp;</FONT><A href="日志页面地址" target=_blank><FONT color=#ffffff>日志标题</FONT></A></P></TD>
<TR bgColor=#a010ff>
<TD width="100%">
<P style="TEXT-INDENT: 2em"><FONT color=#ffffff>&nbsp;</FONT><A href="日志页面地址" target=_blank><FONT color=#ffffff>日志标题</FONT></A></P></TD></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TBODY></TABLE><BR>&nbsp;<BR>&nbsp;<BR>&nbsp;<BR>&nbsp;</P>

 

 

       上面的代码复制后可以直接使用。等您熟练了,您可以随意增加里面的小表格、改变表格的大小、改变字体的大小和颜色。

 

    三、最后说说比较复杂的链接:

    大家在高手的博客会看到各种各样的复杂链接,其实无论怎么复杂制作方法是一样的;区别就在于复杂的链接花费的时间多,制作时必须要有耐心,还要仔细,不能出错。下面就说说其中的一种:有图有文字的链接,它可以放在首页,也可以放在日志后面。一般竖版的放在首页,横版的放在日志后面。


       请看效果图:


书写日志标题 书写标题 书写标题 书写标题
书写标题 书写标题 书写标题 书写标题
书写标题 书写标题 书写标题 日志标题
日志标题 日志标题 日志标题 日志标题
日志标题 日志标题 日志标题 日志标题

 

上面导航栏表格代码:

 

 

 <P align=center>
<TABLE style="WIDTH: 81px; HEIGHT: 80px" borderColor=#008b00 cellPadding=3 width=81 bgColor=#080808 border=4>
<TBODY>
<TR>
<TD>
 <A href=" 粘贴您的日志地址 " target=_blank><IMG title=Flash教程 style="WIDTH: 81px; HEIGHT: 80px" height=80 alt=书写日志标题第一次 src="
http://img.bimg.126.net/photo/z_gRSRP1nxg9ua5TRobjcw==/2285295335914137497.jpg" width=81 border=0><FONT color=#ff0000 size=4> <A href="粘贴您的日志地址" target=_blank><FONT color=#ff0000 size=2><B>书写和上面同样的标题</B></FONT></B></A></FONT></A></TD>
<TD><A href=" 粘贴您的日志地址 " target=_blank><IMG title=书写标题 style="WIDTH: 81px; HEIGHT: 80px" height=80 alt=书写标题 src="
http://img.bimg.126.net/photo/DsSxEqp5wxZQAtsMEh8bXw==/3382766270108985614.jpg" width=81 border=0><FONT color=#ff0000 size=3> <A href="粘贴您的日志地址" target=_blank><FONT color=#ff0000 size=2><B>书写标题</B></FONT></A></FONT></A></TD>
<TR>
<TD><A href="粘贴您的日志地址" target=_blank><IMG title=书写标题 style="WIDTH: 81px; HEIGHT: 80px" height=80 alt=书写标题 src="
http://img.bimg.126.net/photo/R4HHuph2AiPYbuOruOvLvg==/2014797883295359422.jpg" width=81><FONT color=#ff0000 size=3> <A href=" 粘贴您的日志地址 " target=_blank><FONT color=#ff0000 size=2><B>书写标题</B></FONT></A></FONT></A></TD>
<TD><A href=" 粘贴您的日志地址 " target=_blank><IMG title=书写标题 style="WIDTH: 81px; HEIGHT: 80px" height=80 alt=书写标题 src="
http://img.bimg.126.net/photo/zo3t_oTkHXKHYnBRHi70pA==/4508666176951576331.jpg" width=81><FONT color=#ff0000 size=3> <A href="粘贴您的日志地址" target=_blank><FONT color=#ff0000 size=2><B>书写标题</B></FONT></A></FONT></A></TD>
<TR>
<TD><A href=" 粘贴您的日志地址 " target=_blank><IMG title=书写标题 style="WIDTH: 81px; HEIGHT: 80px" height=80 alt=书写标题 src="
http://img6.bimg.126.net/photo/MILduhiQ1Z4YmOfCisVINw==/1702360659146536486.jpg" width=81 border=0><FONT color=#ff0000 size=3> <A href="粘贴您的日志地址 " target=_blank><FONT color=#ff0000 size=2><B>书写标题</B></FONT></A></FONT></A></TD>
<TD><A href=" 粘贴您的日志地址 " target=_blank><IMG title=书写标题 style="WIDTH: 81px; HEIGHT: 80px" height=80 alt=书写标题 src="
http://img.bimg.126.net/photo/Ly2PgBYGaAcc5KRGWHjNoQ==/5398690053310883361.jpg" width=81 border=0><FONT color=#ff0000 size=3> <A href=" 粘贴您的日志地址/" target=_blank><FONT color=#ff0000 size=2><B>日志标题</B></FONT></A></FONT></A></TD>
<TR>
<TD><A href="粘贴您的日志地址 " target=_blank><IMG title=日志标题 style="WIDTH: 81px; HEIGHT: 80px" height=80 alt=日志标题 src="
http://img.bimg.126.net/photo/PTtHD8HCs1f-5_9PVkTNEw==/2299087609773070102.jpg" width=81 border=0><FONT color=#ff0000 size=3> <A href=" 粘贴您的日志地址" target=_blank><FONT color=#ff0000 size=2><B>日志标题</B></FONT></A></FONT></A></TD>
<TD><A href="粘贴您的日志地址  " target=_blank><IMG title=日志标题 style="WIDTH: 81px; HEIGHT: 80px" height=80 alt=日志标题 src="
http://img.bimg.126.net/photo/FYA1XNMAHQZmLGwdr3D2sg==/2860911663287583807.jpg" width=81 border=0><FONT color=#ff0000 size=3> <A href=" 粘贴您的日志地址 " target=_blank><FONT color=#ff0000 size=2><B>日志标题 </B></FONT></A></FONT></A></TD>
<TR>
<TD><A href=" 粘贴您的日志地址 " target=_blank><IMG title=日志标题 style="WIDTH: 81px; HEIGHT: 80px" height=80 alt=日志标题 src="
http://img.bimg.126.net/photo/H3Y_Cb4_tWITkfNNaQoDaA==/2270095687171865741.jpg" width=81 border=0><FONT color=#ff0000 size=4> <A href="粘贴您的日志地址  " target=_blank><FONT color=#ff0000 size=2><B>日志标题</B></FONT></A></FONT></A></TD>
<TD><A href=" 粘贴您的日志地址  " target=_blank><IMG title=日志标题 style="WIDTH: 81px; HEIGHT: 80px" height=80 alt=日志标题 src="
http://img.bimg.126.net/photo/hQYctaWYJp-OYEBdriHvnQ==/5074712355116741330.jpg" width=81 border=0><FONT color=#ff0000 size=4> <A href=" 粘贴您的日志地址 " target=_blank><FONT color=#ff0000 size=2><B>日志标题</B></FONT></A></FONT></A></TD></TR></TR></TR></TR></TR></TR></TBODY></TABLE></P>

  

    为什么说它比较复杂呢?因为我分享的是博友“天天快乐”制作好的代码,小动画就不用动了;不然,还得挑选小动画,复制、粘贴它的地址。需要注意的是:同一篇日志标题一定要书写两次,因为除了文字还有小动画;写两次以后,无论是点击文字还是小动画,都可以找到您的这篇日志。

   我编写这篇日志并不费时间,可整理原来的代码却花费了几个小时,所以说这是比较复杂的导航链接。我费事您省事,上面的代码您复制以后回去就可以用。您可以在“写日志”页面粘贴以后,慢慢来制作,今天没时间就明天接着做。制作完成以后,复制您制作好的代码,点击“写日志”页面最上面的“<>”(它是源代码的标示),就等于到了这页的“背面”;接着粘贴您复制的代码,再点击“<>.”回来看看您制作的效果。如果没问题,就涂蓝整个代码,点击右键再点击“剪切”,再点击“<>”把它粘贴到这页的“背面”,或者粘贴到首页的模块里。

    总之,熟能生巧。博客本来就有休闲娱乐的功能,“小制作”也是休闲娱乐吧!祝您成功!  

 

                           (紫咖啡撰写)



 

说说简单、一般、复杂链接的方法,其实不难 - 紫咖啡 - 紫咖啡小窝窝

 

点击查阅:眼睛有飞蚊症怎么治疗?

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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