教程♥//指向图片后会出现字 [2]

这很特别哦 xD 试试看 会满意么 :)

第一

- 登入博客 > 布局 > 添加小工具 > HTML/JavaScript

第二

在小工具里添加一下代码

<style type="text/css">
.img-side{
background: #E8E6E6;
color: #000;
width: 270px;
height: 185px;
margin-top:-185px;
opacity: 0;
-webkit-transition:all .5s ease-in-out; }
.img-side:hover{
opacity:.7
}
</style>
<img src="图片direct link" width="270" />
<div class="img-side"><br />
<center>
内容
</center>
</div>

第四

好了按保存。

解释
红色 - 图片背景颜色
黄色 - 字体颜色
浅蓝 - 背景宽度
粉红 - 背景高度
蓝色 - 图片网站
橙色 - 你要写的字

*图片自己调整*

有什么问题留言吧 ;)