在interwebs一些研发后,我终于得到了这个工作。现在我把它写下来,所以我不要忘了,而我希望它可以帮助你的!
1.我在Gimp中创建了我的签名,因为它是免费的,而且我不拥有Photoshop。从一个透明的背景开始,然后添加一个文本层。一旦你的签名准备好了(我的很简单),设置文本层活动和选择层->合并下来。
然后,选择图像 - >李书福作物接近作物你的形象,虽然这一步是可选的。
现在,您可以保存为.png文件。
2.上传到照片服务,如<一个href="https://photobucket.com/" target="_blank" rel="noopener noreferrer">的photobucket或Flickr。的photobucket,复制直接链接 - 这是直接URL到您的图像。
3.有两种方法可以添加您的签名——>将其添加到每个博客的HTML中,添加到您的仪表板中,或者添加到您的博客模板中。
- 将它添加到你的HTML意味着你有这样您发布都必须这样做。
-添加它到你的仪表盘意味着它将只显示新的文章。
- 它添加到您的模板将您的签名添加到所有岗位,新老。
我选择了选项2 -添加到我的仪表盘。这将自动把你的签名添加到每个新帖子的撰写框中。
4.转到仪表板->设置->格式-> Post模板。粘贴以下HTML:
<
div
类
=
“分隔符”
id
=
“ssnoshadow”
风格
=
“明确:既;文本对齐:中心;”
>
<
一个
href
=
“YOUR_IMAGE_URL_HERE”
imageanchor
=
“1”
风格
=
“利润率左:1EM;保证金右:1EM;”
>”
<
IMG
边境
=
“0”
SRC
=
“YOUR_IMAGE_URL_HERE”
/>
一个
>
div
>
5.保存设置
6.接下来,转到Dashboard -> Design -> Template Designer -> Advanced -> Add CSS。添加以下内容,然后单击Apply to Blog。这段代码删除了签名图像周围的边框和阴影框。它将保留你正常照片周围的阴影框。
# ssnoshadow img {
填充
:
没有一个
重要的!
;
边境
:
没有一个
重要的!
;
-moz-box-shadow:
0 px
0 px
0 px
透明的
重要的!
;
-webkit-的box-shadow:
0 px
0 px
0 px
透明的
重要的!
;
不必:
0 px
0 px
0 px
透明的
重要的!
;
}
7.要测试它,开始一个新的帖子,预览它并看到你的签名。就是这样!
感谢southernspeakers.net的Yoboy<一个href="https://www.southernspeakers.net/2011/08/removing-border-and-shadow-from-blogger.html" target="_blank" rel="noopener noreferrer">易于遵循教程!