博客右下角添加二维码

博客右下角添加二维码

博客右下角添加二维码

在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="https://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>
发布了97 篇原创文章 · 获赞 159 · 访问量 55万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 数字20 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览