博客右下角添加二维码

简介: 博客右下角添加二维码在CSDN博客添加一个专栏贴上以下HTML代码,图片链接可以自行修改 如果对你有帮助,请任意打赏 ...

博客右下角添加二维码

博客右下角添加二维码

在CSDN博客添加一个专栏贴上以下HTML代码,图片链接可以自行修改

<div
        style="position: fixed; bottom: 100px; right: 0px; z-index: 1000; font-weight: bold; font-size: 1.3em; background-color: #fff; font-family: 'Microsoft YaHei'; border: 1px solid #aaa">
        <div style="text-align: center; border-bottom: 1px solid #aaa; padding: 4px">
            如果对你有帮助,请任意打赏
        </div>
        <img width="180px" height="180px"
            src="http://img.blog.csdn.net/20170425211154361?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvenl3X2phdmE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast">
    </div>

底部添加跑马灯

<div
        style="position: fixed; bottom: 0; magin: 0 auto; left: 0; right: 0; z-index: 1000; border-top: 1px dashed #aaa; font-weight: bold; background-color: #fff; font-family: 'Microsoft YaHei'; padding: 4px; text-align: center;">
        <div>
            <a href="http://javen205.oschina.io">
                <marquee width="400px" behavior="alternate" direction="left"
                    align="middle">
                    <font color="#F08080">个人博客</font>
                </marquee>
            </a>

            <a href="http://git.oschina.net/javen205/weixin_guide">
                <marquee behavior="alternate" direction="left" align="middle"
                    scrollamount="12">极速开发微信公众号</marquee>
            </a>

            <div style="text-align: left;">
                <a href="http://www.jianshu.com/u/9be31238fda1"><marquee width="50%"
                        behavior="alternate" direction="left" align="middle">简书</marquee></a>
            </div>

            <div style="margin-top: -20px; text-align: right;">
                <a href="https://github.com/Javen205"><marquee width="50%"
                        behavior="alternate" direction="right">
                        <font face=楷体_GB2312 color="#ff00d0" size="3">GitHub</font>
                    </marquee></a>
            </div>
            <div>
                <marquee scrollamount="8" width="80%">
                    <a style="text-decoration: none;" href="http://git.oschina.net/javen205/IJPay"><font
                        face=楷体_GB2312 color=#ff0000 size=3><strong>微信、支付宝系列支付开源项目</a>
                    <a style="text-decoration: none;"
                        href="http://git.oschina.net/javen205/JPay"</font></<strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Android 微信、支付宝App支付SDK</a>
                </marquee>
            </div>
        </div>
    </div>
目录
相关文章
|
2月前
|
测试技术
Axure 二维码扫码
Axure 二维码扫码
27 0
|
11月前
如何在电脑上保存微信公众号文章封面图片?
如何在电脑上保存微信公众号文章封面图片?
85 0
公众号有精选,博客也得有置顶🤪
公众号有精选,博客也得有置顶🤪
写博客时怎么录制动态图片或者小视频
很多人写博客时都会为自己的博客插入动图,这个是怎么实现的呢?最近网上搜到了一款比较实用的工具,分享出来,这个工具只有1.6M大小,非常小巧实用,就是GifGam了。
111 0
写博客时怎么录制动态图片或者小视频
吐槽简书编辑器
简书编辑器没有插入代码的插件,这边对IT编辑需要插入代码,很不友好,整合文章看上去不是那么舒服,应该改一个号的markdown编辑器
116 0
吐槽简书编辑器
|
搜索推荐
【博客美化】03.分享按钮
【博客美化】03.分享按钮
113 0
【博客美化】03.分享按钮
|
网络协议 API 网络架构
点击一个网页链接,然后发生了什么?
点击一个网页链接,然后发生了什么?
|
安全 Windows
Goo.gl彩蛋把任何链接变成二维码
今天早上TechCrunch中文站报道Google正式推出了自己的网址缩写服务goo.gl,Google称其为最稳定、最安全、最快速的网址缩写服务,但显然这不是Google的重点。 来自Google的Matt Cutts在Twitter上透露,如果你在任何goo.gl网址后面加上“.qr”,你就可以得到一个对应的二维码,用任何二维码阅读器你就可以读出其中的网址。
973 0
|
JavaScript 前端开发
【全网最全的博客美化系列教程】07.添加一个分享的按钮吧
全网最全的博客美化系列教程相关文章目录 【全网最全的博客美化系列教程】01.添加Github项目链接 【全网最全的博客美化系列教程】02.添加QQ交谈链接 【全网最全的博客美化系列教程】03.给博客添加一只萌萌哒的小仓鼠 【全网最全的博客美化系列教程】04.
1598 0