Blog blog Park Add ribbon effect Fork me on GitHub

Blog blog Park Add ribbon effect Fork me on GitHub

---

How to add in your own blog or upper right corner of the upper left corner of the garden blog  Fork me on GitHub  ribbon effect it?

As shown below:

---

 

 

Set the following steps:

 1, "Management" -> "Settings" find the "Home Html Code" settings area

 

 

2, the following code, paste it into the "Home Html Code" blank area, save, refresh the page to see the effects.

<a href="https://github.com/MiracleLunaGitHub">  
<img style="position: fixed; top: 0; right: 0; border: 0; z-index:9999;" 
     src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" 
     alt="Fork me on GitHub">
</a>

 

[Description]:

1) <a href=" https://github.com/MiracleLunaGitHub "> here need to replace their GitHub address.

2) <IMG style = "position: Fixed ; is set here Fixed ., When sliding up and down the scroll bar," Fork me on "the relative position of the ribbon unchanged GitHub If set to Absolute , then only appear in a fixed position .

right: 0; to the right of the display ; if you want to display is set to the left, left: 0; can.

z-index: 9999; ensure div ribbon displayed in the uppermost layer.

---

 

 

Replace the display position and display color ribbon

Github official offers 12 ways ( top left and top right , respectively 6 colors ).

Modified, simply replace the <img tag src picture corresponding to the address.

1, top left shows

1) Red

Picture the following address:

https://github.blog/wp-content/uploads/2008/12/forkme_left_red_aa0000.png

 

2) Green

Picture the following address:

https://github.blog/wp-content/uploads/2008/12/forkme_left_green_007200.png

 

3) dark blue

Picture the following address:

https://github.blog/wp-content/uploads/2008/12/forkme_left_darkblue_121621.png

 

4) Orange

Picture the following address:

https://github.blog/wp-content/uploads/2008/12/forkme_left_orange_ff7600.png

 

5) Gray

Picture the following address:

https://github.blog/wp-content/uploads/2008/12/forkme_left_gray_6d6d6d.png

 

6) White

 Picture the following address:

https://github.blog/wp-content/uploads/2008/12/forkme_left_white_ffffff.png

 

2, the top right of the display

1) Red

 

Picture the following address:

https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png

 

2) Green

Picture the following address:

https://github.blog/wp-content/uploads/2008/12/forkme_right_green_007200.png

 

3) dark blue

Picture the following address:

https://github.blog/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png

 

4) Orange

Picture the following address:

https://github.blog/wp-content/uploads/2008/12/forkme_right_orange_ff7600.png

 

5) Gray

Picture the following address:

https://github.blog/wp-content/uploads/2008/12/forkme_right_gray_6d6d6d.png

 

6) White

 Picture the following address:

https://github.blog/wp-content/uploads/2008/12/forkme_right_white_ffffff.png

 

Children's shoes, you can set different ribbon effect according to their preferences.

GitHub also can refer to the official blog: https://github.blog/2008-12-19-github-ribbons/