"Blog Landscaping" 04. Customizing the Address bar logo

Blog Garden Landscaping Related articles directory:

"Blog beautification" 01. Recommend and oppose cool styles

"Blog beautification" 02. Notice Bar Displays personalization time

"Blog beautification" 03. Share button

"Blog Landscaping" 04. Customizing the Address bar logo

Objective:

When we open our own blog, such as Open with Google Chrome:

The icon shown is the default icon for the blog park

So how to change into a custom logo???

1. First have to prepare an icon type of file method One: We can make an icon on line

Open this site: Online ico icon making, and then upload your own pictures (jpg,png), you can download an icon.

As shown in the following:

method Two: Download an icon online

Open this website, icon download, icon (png/ico/icns) search download, search for desired icon, then download icon.

2. Upload your own icon

Go to your Blog admin--FILE--Choose File--upload, and then click on the uploaded file, copy the file's network address, this network address in the third step will be used.

3. Add a script file

Go to your blog's settings, add the following JavaScript code to the "Footer HTML code"

<script type= "Text/javascript" language= "JavaScript" >//setting ico for cnblogs var linkobject = document.createe　　Lement (' link ');　　Linkobject.rel = "shortcut icon";　　Linkobject.href = "icon's network path"; document.getElementsByTagName ("Head") [0].appendchild (Linkobject);</script>

Replace the network path of the icon above with the network address of your uploaded icon.

After saving the settings, refresh the page and you will see that the icon for the address bar has changed:

Little Friends, new skills get it? Go ahead and try it! Good location. "point I recommend"

One more thing, add the following code directly to the top of the page HTML code does not succeed

<link rel= "shortcut icon" href= "icon network address"/>

"Blog Landscaping" 04. Customizing the Address bar logo