Fork me on GitHub彩带添加方法

在博客添加GitHub彩带的方法

针对博客园博客追加如图彩带的方法

依次进入 管理 → 设置 → 页首Html代码 将如下代码粘贴在该处

<a target="_blank" href="https://github.com/bluetata"><img style="position: absolute; z-index: 100; top: 26px; right: 0; border: 0" src="https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png"></a>

 注意：

1. 需要修改如上代码的黑色加粗地方，第一处为自己的github地址，第二处：因为博客园有的博客皮肤是自制的，在banner处你加的彩带可能会在某个banner图片后面，设置z-index: 100;

彩带会在最上层，第三处：适当调整大小，使彩带符合自己的banner即可。

2.上面彩带的颜色是白色背景，如果想选用其他颜色，请点击下面a所给出的github官方链接，选其中的自己喜欢的颜色，按照第一步的操作更改即可。

 

下面有两个有用的链接

a.官方给出的添加彩带方法（来源于GitHub官方博客）

https://github.com/blog/273-github-ribbons

b.An imageless and responsive "Fork me on GitHub" ribbon(适用于自己搭建的博客，可以自定义相关样式)

http://codepo8.github.io/css-fork-on-github-ribbon/