越努力越幸运。
不管如何,我比你努力,比你好,比你更问心无愧。

2017.02.22

教程 | 添加图片页面


- Tutorial requested by Kah May -


1. 设计 → 页面元素 → 添加小工具 → HTML/JavaScript

2. 添加以下代码:
<a href="页面网址1"><img src="图片网址1"></a><br>
<a href="页面网址2"><img src="图片网址2"></a><br>
<a href="页面网址3"><img src="图片网址3"></a><br>
<a href="页面网址4"><img src="图片网址4"></a><br>
3. 保存即可。

小解释
红色代码:页面的网址
蓝色代码:代表该页面的图片的网址


辅助教程:将页面挂在部落格角落
1. 设计 → 页面元素 → 添加小工具 → HTML/JavaScript

2. 添加以下代码:
<div style="top: 5px; right: 5px; position: fixed;">
<a href="页面网址1"><img src="图片网址1"></a><br>
<a href="页面网址2"><img src="图片网址2"></a><br>
<a href="页面网址3"><img src="图片网址3"></a><br>
<a href="页面网址4"><img src="图片网址4"></a><br>
</div>
3. 保存即可。

小解释
紫色代码:距离部落格顶部多远
紫色代码:距离部落格右边多远
    ▪ top / right = 右上角
    ▪ top / left = 左上角
    ▪ bottom / right = 右下角
    ▪ bottom / left = 左下角
红色代码:页面的网址
蓝色代码:代表该页面的图片的网址

23 comments:

  1. Hello...我想问你,
    那个页面网址指的是什么?
    我要的图片是save在电脑里的,没有link...
    那我该去哪个网站弄出图片的link ?

    谢谢你的帮忙哦^^

    ReplyDelete
    Replies
    1. 我以号码来回答你的问题吧 ^^
      1. 你懂什么是 page 么?页面网址指的是那个 page 的网址(PS-如果不明白的话,下次我可以发 布一个关于 page 的教程)
      2. http://photobucket.com/ - 先去这个网站注册一个 username 或使用你的 FB 账号登陆。然后将你的图片上传至这个网站,就可以拿到 link 了 ^^

      BII.

      Delete
  2. 好的...明白了.
    谢谢你的帮忙 :D

    ReplyDelete
  3. sorry...再打扰一下,希望不要觉得我烦 :)
    请问, 还有没有除了 photobucket 以外的网站可以让我得到图片的code?
    我的图片不知道为什么upload不到...

    ReplyDelete
    Replies
    1. 不会 =]
      我个人比较建议 photobucket, 其他的网站可能会被删除。
      今天的 photobucket 的确有问题,因为我也是上传不到照片,或许明天就没事了。
      如果你真的很紧急的话,可以上传至:http://imageshack.us/ <- 个人不是很推荐

      BII.

      Delete
  4. 你人真好^^
    好的。谢谢你哦 :D

    ReplyDelete
    Replies
    1. 不客气 =]
      你的回复率也蛮惊人的。好快 ^.<

      Delete
  5. 谢谢哟 :) 我不知道会不会给你添很多麻烦 , 总而言之谢谢你啦 .超开心的 - 感激不尽

    ReplyDelete
  6. BiiBii 啊 :B 想请问下 这篇教程有BS的吗? :D

    ReplyDelete
    Replies
    1. 一样使用而已哦 ^^
      只需要将(2)的代码添加去你要放你的页面的地方就可以了。

      BII.

      Delete
  7. 我可以要求吗 ? 我要好想你的之前 blog 一样 .mouse 一动到 图画 就会有字出现 . :) 谢谢咯 .

    ReplyDelete
    Replies
    1. 那個只是代碼的效果而已,遲點會發佈那個教程 ;)

      - replied by Bii.

      Delete
  8. 谢谢 :) 很喜欢你的教程 . 加油 !

    ReplyDelete
  9. 我放了那些代码.
    全都放了. 但是什么都没有改变,
    你知道大概是什么问题吗? ;)

    ReplyDelete
    Replies
    1. 不知道 :)
      这个教程我已经反复试验过了,没有问题。
      可能是你添加的代码出现问题了、又或者网址无效等。
      我不知道你添加的代码是怎样的(虽然你是完全拷贝我给的代码,可是可能会不小心删除掉某掉代码或什么的),所以不知道什么问题。

      -replied by Bii.

      Delete
  10. 如果是BLOGSKIN的 他的页面网址是什么呢 ? :)

    ReplyDelete
    Replies
    1. 请参考教程:http://angelbii.blogspot.com/2012/12/pages.html

      方法与 BT 是一样的

      -replied by Bii.

      Delete
    2. 想請問一下><那個頁面網址去哪裡拿??爲什麽我按了那個圖片它出現“很抱歉,您所查詢的網誌頁面不存在。”

      Delete
    3. 那个教程下次会发布给你 ^^

      -replied by Bii.

      Delete
  11. 我终于做到了 谢谢 ^____^

    ReplyDelete
  12. 不好意思请问我要怎样才可以把bt 换成bs??

    ReplyDelete
    Replies
    1. 亲,可以参考这个教程哦 ^^
      - http://angelbii.blogspot.com/2012/03/blogskin.html

      -replied by Bii.

      Delete

っ 谢谢你耐心的看完这篇帖子 ♥
っ 评论将在博主审核后发布,如有不便,敬请原谅哦 :)
っ 除了评论之外,亲也可以选择在 Cbox 留言或 PM 我的部落格专页信箱

ベ 请用词确切,勿使用脏字哟
ベ 部落格不接受匿名评论,评论前请确保你拥有 Google Account 哦
ベ 请仔细列明你的问题好方便我回答哦 :)

* 感谢你的留言,欢迎下次再来。