Web前端:博客美化:三、右上角的Github Ribbon

1、保存图片到博客园相册

2、复制代码到可以放html代码的地方

我因为数量问题把这段sei到了 页首Html代码

<a href="https://github.com/zhengweihong" target="_blank">
<img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1;" src="http://images.cnblogs.com/cnblogs_com/ZhengWH/1395456/o_forkme_right_red_aa0000.png" >
</a>

3、把代码中的src改成:相册中的图片地址

如果不知道图片处理方法的可以参考另一篇随笔:Web前端:博客美化:一、模板美化


我是在一个炒鸡美的博客上看到这个缎带装饰的

原文提供了6种颜色,左右版本都有,都很好看。但是我深蓝的背景还是红色最适合,emmmmm

以下是12个图片

Web前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github Ribbon

Web前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github Ribbon

Web前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github Ribbon

Web前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github Ribbon


参考:https://github.blog/2008-12-19-github-ribbons/

上一篇:【博客美化】04.自定义地址栏logo


下一篇:【全网最全的博客美化系列教程】08.自定义地址栏Logo