Sharing experiences with the blog community Customization

Source: Internet
Author: User
ArticleDirectory
    • However, there are several points to be added:
    • 5. Access statistics:

I haven't stayed in the blog Park for a long time, but when I first came in, I had to worry about finding my best bet ~~ Finally, there is only one classicblue. Later I found that so many people were using these skins too unpersonalized, so I thought of customization. Then I checked a lot of related blog posts on the Internet and tried a lot on my own. It turned out to be like this. Although not very satisfied, it is also worth looking at the past. Yesterday, artyu flash asked me how to add a player to the blog Park. I just wanted to share my custom experience with you ~~

I. First:

First, let's take a look at this article: five tips for fun and fun blog

However, there are several items to be added: subscription menu:

I added "yahoo", "youdao", and myCodeAs follows:

<A href = "http://www.zhuaxia.com/add_channel.php? Url = http://www.cnblogs.com/wanglikai91/rss "target = _ blank>  </a> <br/> <a href =" http://fusion.google.com/add? Feedurl = http://www.cnblogs.com/wanglikai91/rss "target = _ blank>  </a> <br/> <a href =" http://www.xianguo.com/subscribe.php? Url = http://www.cnblogs.com/wanglikai91/rss "target = _ blank>  </a> <br/> <a href =" http://inezha.com/add? Url = http://www.cnblogs.com/wanglikai91/rss "target = _ blank>  </a> <br/> <a href =" http://add.my.yahoo.com/rss? Url = http://www.cnblogs.com/wanglikai91/rss "target =" _ blank ">  </a> <br/> <a href =" http://reader.yodao.com/#url=http://www.cnblogs.com/wanglikai91/rss "target =" _ blank ">  </a> <br/> <a href = "http://mail.qq.com/cgi-bin/feed? U = http://www.cnblogs.com/wanglikai91/rss "target = _ blank>  </a> <br/>
Code highlighting:

Now the blog has built-in support for syntaxhighlighter highlighting. You only need to download a wlw plug-in.

The blog has built-in support for syntaxhighlighter code coloring. The Code coloring syntax is: <PRE class = 'brush:Programming Language'> Code </PRE>.

Note: to color the syntaxhighlighter code, you must change the default editor to tinymce. If you use cuteeditor, cuteeditor automatically removes spaces in the code, causing code format destruction.

For details, refer to official notes: syntaxhighlighter code coloring plug-in is recommended for Windows Live writer.

Lazy comments:

Currently, a script has been used to filter out the blog. You can only post a comment in the comment box, but not automatically post a comment ~~~

Ii. Background and title:

The title is a self-made image embedded with CSS. The Code is as follows:

 
A. headermaintitle {text-indent:-1000px; Background: URL (http://images.cnblogs.com/cnblogs_com/wanglikai91/logo.png) No-repeat}

The background is just a figure with CSS:

Body {font-family: "", "verdana", "Ms Song", "", "Arial", "Helvetica", "Sans-serif"; Background: URLs (http://images.cnblogs.com/cnblogs_com/wanglikai91/bg_muwen.jpg )}
Iii. Music Box:

This is also a piece of code. You need to register an account in the music box on the website, create your own song list, add the song, and generate the Blog Code. or you do not want to share the song list, but do the radio station, you don't need a ticket. It is very easy to go to the website for details. Note: by default, the song is not automatically played. If you want to play it automatically, you can change the last digit 0 of the URL in the code to 1, for example, src = Hangzhou. Enjoy yourself!

4. Share bar:

It's also code. If you don't need to talk about it, you just need to generate code on the Internet. You can choose your own styles!

Note: This is added to the footer code. Other codes except CSS are added to the news reference code box.

5. Access statistics:

This is a very important tool in the blog. I found that a better statistical network is gostats.cn, and I will not talk about it much, you know.

6. Article paragraph indent and title style:

Because it is not suitable by default, you can change it yourself. I implemented it with CSS, because HTML will make the Page code redundant. The following is my style for your reference only:

 
# Cnblogs_post_body P {text-indent: 2em }. postbody H1 {margin: 15px 0; padding: 0; font-size: 130%; font-weight: bold ;}. postbody H2 {margin: 15px 0; padding: 0; font-size: 120%; font-weight: bold ;}. postbody H3 {margin: 15px 0; padding: 0; font-size: 110%; font-weight: bold ;}. postbody H4 {margin: 15px 0; padding: 0; color: #333; font-size: 110%; font-weight: bold ;}. postbody H5 {margin: 15px 0; padding: 0; color: #333; font-size: 100%; font-weight: bold ;}
VII. About wlw:

Here, we recommend that you write a blog via wlw. It is really convenient. Blog garden guide: Windows Live writer configuration steps

There are also a lot of tips to use on the Internet. Here I will talk about the ping address. Using Ping service settings, you can quickly notify the search engine or feed crawler to update your blog. Many people on the Internet have listed nearly Ping addresses, and there are many web pages with errors. Here I also give a few of them (I think this is not the more the better, I added only a few items that I think are important ):

 
Http://ping.baidu.com/ping/RPC2http://blogsearch.google.com/ping/RPC2http://blog.youdao.com/ping/RPC2http://www.feedsky.com/api/RPC2http://api.my.yahoo.com/RPC2

PS: wlw is not so perfect. Although you can set the posting date, you cannot set the specific posting time, so this function has never been used.

Although the above personalization is simple, I have searched a large number of blogs (basically I rummaging over the classicblue user blog, hundreds of blog posts, at the same time, I also found that there are many masters in the blog Park, and the JS class has achieved amazing results. It is very beautiful, but due to limited time, it is impossible to practice.I hope everyone will pass by. What other methods can be used to customize and beautify the blog garden ~~

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.