所有有趣的东西…都在你的收件箱里。<一个href="https://view.flodesk.com/pages/5f2c6192307c16002616905a" target="_blank" rel="noopener noreferrer">在此注册。

在你的博客中添加一个透明的签名

在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 px0 px0 px透明的重要的!;

-webkit-的box-shadow:0 px0 px0 px透明的重要的!;

不必:0 px0 px0 px透明的重要的!;

}

7.要测试它,开始一个新的帖子,预览它并看到你的签名。就是这样!

感谢southernspeakers.net的Yoboy<一个href="https://www.southernspeakers.net/2011/08/removing-border-and-shadow-from-blogger.html" target="_blank" rel="noopener noreferrer">易于遵循教程!