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

2017.02.22

教程 | 在部落格角落添加漂浮工具


- Tutorial requested by Yuen Thing -

示例图:如果还是不明白,可以查看部落格角落的状态嗯、

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

2. 将以下的代码添加进去:
<div style="position: fixed; bottom: 10px; left: 15px;">
内容在这里。
</div>
3. 保存即可。

小解释
红色代码:你要添加的内容的代码
蓝色代码:小工具的位置是固定的 / scroll 下去就看不见了(fixed / absolute)
紫色代码 / 橙色代码:小工具里 bottom / left 有多远
* bottom / left : 左下角
* bottom / right : 右下角
* top / left : 左上角
* top / right : 右上角
备注
内容当然是随你喜欢,你可以添加状态 / CBox / 挂饰 / 文字 等等等、自己喜欢最重要 ;)

11 comments:

  1. 请问这个有没有blogskin的教程??

    ReplyDelete
  2. Replies
    1. 也是一樣而已,只是將代碼添加在 [/style] 的下面。

      P/S : [] 改成 <>

      - replied by Bii.

      Delete
  3. Replies
    1. 代码也是一样的哦 ^^
      只需把内容改成:
      [a href='网址']网址名称[/a]
      即可。

      * 把 [ ] 改成 < >

      - replied by Bii.

      Delete
  4. 你好,我想请问页面元素的英文名称是什么?

    ReplyDelete
    Replies
    1. 页面元素没错的话应该是叫做 page element 哦 :)

      - replied by Bii.

      Delete

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

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

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