教程 | 在部落格角落挂饰物

By MIOMIO - 4:25 PM

这次教大家在部落格的角落放挂饰
看到上面红色框的挂件吗?其实可以放可爱的挂件,但我偏向字体系的

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

2. 在 HTML/JavaScript 里面加上以下的代码:

<a style="display:scroll; position:fixed; top:50px; right:40px;" ><img src="图片url" /></a>

 3. 按 保存 即完成。
小解释
蓝色代码 - top | px 越大,挂饰离头部越来越远
紫色代码 - right | px 越大,挂饰里越靠近左边
红色代码 - 图片 url | 挂饰的 direct link

小补充
- 如果你不想你的挂饰放在右上角,而是放在左下角,你可以将 right 改成 left
- 如果你添加的不是挂饰,而是一个装饰品,你想要放在右下角,那就将 top 改成 bottom

以此类推。

素材可以取自在这里哦 

  • Share:

You Might Also Like

1 Miomio留言区

请不要就这样飘过哦~

谢谢你的留言,
给我更多的动力写文,
感恩。 (^_^)

Note: Only a member of this blog may post a comment.

Powered by Blogger.

Liebster Blog award

Liebster Blog award
Liebster Blog award

Instagram Picture