加载中…
个人资料
孙贵喜sgx
孙贵喜sgx
  • 博客等级:
  • 博客积分:0
  • 博客访问:1,404,333
  • 关注人气:3,042
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
谁看过这篇博文
加载中…
正文 字体大小:

漂亮的美食图片和文字超链接

(2014-12-29 15:32:43)
标签:

图片超链接到博文

图片超链接到博文图片

建立文字超链接方法

建立我的更多文章链接

用代码链接到图片方法

分类: 美食

 

    示例:上图超链接到美食博文

漂亮的美食图片和文字超链接

             示例:下图片超链接到美食博文的图片

  许多博友在自己的美食博文的结尾处增添了睿智,让读者高兴地见到漂亮的美食图片和醒目的文字。当鼠标指针移到这些图片或文字上,就出现了像手一样的图形,若点击它,则跳到该链接的博文或图片上去。这种超链接的好处是,读者不要再从几十条到上千条的博文目录中去查找,方便了阅读;同时漂亮的美食图片和醒目的文字,吸引了读者的眼球,也给自己的博文增加了访问量。也就是方便了别人,快乐了自己。有的博友对此很有兴趣,问这种图片和文字超链接是如何做的?现将主要做法分别作一说明。

一、以图片为载体,超链接到博文或图片

     这张图片可以是要链接到博文中的选中图片,也可以是从电脑选择的图片;既可以是与要显示图片的相同图片,也可以是不同的图片;既可以是静止的图片,也可以是动画图片。

     预先说明,建立超链接是在“发博文”的编辑窗口做,因此要登录自己的博客,打开“发博文”编辑窗口。

    一)、从博文中选择美食图片,链接到博文的方法:

    1、打开自己的某篇博文/鼠标右键点击博文中的图片/复制图片

    2、打开发博文编辑窗口/右键粘贴图片(如果图片大,可将图片缩小)

    3、点击链接图标(特别注意要在选中图片的状态下才有效),打开插入链接界面

漂亮的美食图片和文字超链接 漂亮的美食图片和文字超链接 漂亮的美食图片和文字超链接

    4、再到某篇博文页面/右键博文标题/复制博文链接地址

    5、回到发博文编辑窗口/将博文地址粘贴到粘贴框内

    6、点击确定

漂亮的美食图片和文字超链接 漂亮的美食图片和文字超链接 漂亮的美食图片和文字超链接

    7、点击预览博文准备看效果

    8、点击预览窗口图片即跳到链接的博文

    9、是图片链接博文的效果图,可以点击试试。

漂亮的美食图片和文字超链接 漂亮的美食图片和文字超链接 

        二)、 从自己电脑中选择美食图片,链接到博文中美食动画图片的方法:

     1、从电脑中选择图片

     2、在发博文编辑栏插入图片

     3、打开插入链接界面

漂亮的美食图片和文字超链接 漂亮的美食图片和文字超链接 漂亮的美食图片和文字超链接

     4、打开图片要链接的博文/从博文复制图片链接地址

     5、回到发博文窗口/将图片地址粘贴到图片链接/确定

     6、以后查看效果的操作同前

漂亮的美食图片和文字超链接 漂亮的美食图片和文字超链接 漂亮的美食图片和文字超链接
      7、
是电脑不同的图片链接到博文的不同图片效果图(糖醋猪蹄链接到动画鱼),可以点击试试效果。   
漂亮的美食图片和文字超链接

       

 

二、以文字为载体,超链接到博文或图片

1、以文字为载体,超链接到博文的方法:在发博文栏在要建立文字链接位置的地方点击/点击链接图标/在文字框输入要链接的文字/打开要链接的博文,复制博文网址,后粘贴到发博文链接框内/确定。

漂亮的美食图片和文字超链接

下面是已做好的文字链接到博文,可点击试试:

此文字链接到我的博文鸡蛋灌饼

2、以文字为载体,超链接到图片的方法:在要建立文字链接的地方点击/点击链接图标/在文字框输入要链接的文字/打开要链接的博文,并复制图片网址,后粘贴到发博文链接框内/确定。

漂亮的美食图片和文字超链接

下面是已做好的文字链接到图片,可点击试试:

  此文字链接到我的博文糖醋鱼排鱼游动画

 

   三、代码:用图片链接博文的代码链接博文,有的网站不提供链接工具,可用代码链接:打开发博文栏左下方“显示源代码”/将下面的代码复制、粘贴/再分别复制粘贴网页和图片地址/去掉“显示源代码”左边的“勾”的符号。到预览页,点击图片查看能链接到博文。

 

 

输入链接的网页地址target=_blank>输入图片地址onload="if(this.clientWidth>500)this.style.width='500px';">

下图是用代码建立的以图片链接博文的图片链接,可点击试看。

 

---- 漂亮的美食图片和文字超链接
博文地址:http://blog.sina.com.cn/s/blog_7e185e350102v2xh.html
图片地址:http://s7.sinaimg.cn/mw690/002jax0hgy6MmEYw3oq36&690
     四、显示自己有关博文标题在博文结尾处,也是推荐自己博文的又一种方法。建立“我的更多文章”显示方法:点击“发博文”窗口右边的“相关博文”/选中自己有关博文(最多十篇)/添加。即可添加我的更多文章的链接。

                                                                            图文/孙贵喜
                                                                            2014.12.29于上海

(下面是博文中建立美食图片和文字超链接的方法的草稿,读者可不用管它

一、用博客链接工具链接
1、图片链接到博文                        图片链接到图片
  漂亮的美食图片和文字超链接

2、文字链接到博文:                                       文字链接到图片:

此文字链接到我的博文鸡蛋灌饼                此文字链接到我的博文糖醋鱼排鱼游动画


----自制滚水珠音乐播放器
      网络歌曲  幸福的歌



0

阅读 评论 收藏 禁止转载 喜欢 打印举报
已投稿到:
  • 评论加载中,请稍候...
发评论

       

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 不良信息反馈 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有