1. 程式人生 > >2017-11-09 好看的樣式

2017-11-09 好看的樣式

網址 b- 保護 closed dex tle clust 思路 得到

今天看了http://www.cnblogs.com/houkai/p/3394402.html 這位仁兄的定制方法,按照他的思路把自己的博客也定制了下,自我感覺不錯,和大家分享下我的代碼。

1.進入後臺管理的設置。

2.我的博客模版選的是summerGarden.

3."通過CSS代碼定制代碼頁面風格". 定制文章標題和文章內容的樣式(Metro風格,去微軟網站上扒的風格。。。。。)

  a. 修改博客標題和副標題。通過F12查找到標題的id為“blogTitle”,所以將其字體改為segoe ui(Metro風格要求的字體。)

技術分享 View Code

  b.修改文章標題的樣式

技術分享 View Code

  c.修改文章內容的樣式,將背景色設置成眼睛保護色

技術分享 View Code

4.增加動畫時鐘,訪問者分布圖和微軟翻譯控件,將下列代碼貼入“博客側邊欄公告(支持HTML代碼”

  a.動畫時鐘

按 Ctrl+C 復制代碼 按 Ctrl+C 復制代碼

  b.訪問者分布圖

需要去http://www.clustrmaps.com/index.htm 這個網站註冊自己的博客網址和帳戶,然後把得到的代碼貼入即可。

  c.微軟翻譯控件

參見http://www.cnblogs.com/luzhihua55/p/Translator.html

2017-11-09 好看的樣式