博客園美化大集合2020最新!不用擔憂失效問題!

前言

很多人說個人博客園佈置得好,今天就發佈一下個人博客園美化。css

最近更新:2020年3月13日html

在這裏會有持續更新的內容,沒必要擔憂插件失效問題。git

下面進入正文,但願對您有幫助。github

樣板:app

個人主博客:https://www.cnblogs.com/laoguantongxiegogo/學習

個人附屬博客:https://www.cnblogs.com/laoguantongxiegogofs/字體

博客園美化準備

1.你要申請博客。網站

2.申請js權限(對管理員說點好話)url

3.學會複製粘貼。spa

博客園美化插件

每日圖片背景

必應每日圖片:https://area.sinaapp.com/bingImg/(天天都更新)

把下面的代碼複製到css框便可,將本身的背景變成每日圖片

若是你想更改,就把url裏面的內容改爲圖片地址便可。

點我展開

導航欄半透明

把你的導航欄變成半透明的。

將代碼複製到css框中便可

點我展開

設置簽名格式

將簽名格式變得更好看,顏色能夠本身更改。

放置到css框中便可

點我展開

在博客簽名裏粘貼下面的代碼,內容連接能夠修改。

點我展開

更改文章字體標題

總體設置文字,將標題上色置中。

放置在css框中便可,h1/h2能夠按照習慣自行更改

點我展開

 統計訪問次數/訪問總人數

之前不少人以前都會在http://www.amazingcounters.com/這個網站統計

可是如今不太穩定,我又在網上找到了另外一個計數器網站,穩定可用。

https://www.cutercounter.com/traditional-chinese-n/

在這裏面申請後就可使用,不少皮膚,很好看,得到代碼粘貼到博客側邊欄公告便可。

公告欄圓形時鐘

圓形大氣的時鐘,大小可自定義。

粘貼到博客側邊欄公告便可

點我展開

公告欄人形時鐘

可愛有趣的人形時鐘。

粘貼到博客側邊欄公告便可

點我展開

小老鼠遊戲控件

閒着沒事能夠玩,能夠更改顏色。

點我展開

 網易音樂(側邊欄)

具體能夠到網易雲音樂找

1.找出你想聽的歌/歌單

2.點擊「生成外鏈播放器」

3.選擇合適大小

4.將首尾的iframe改成embed

5.粘貼到博客園側邊欄。

示例:

點我展開

網易音樂(頁腳)

將下面的音樂粘貼到頁腳框便可(這個彷佛更加漂亮)

想要更改歌單,就按照上一條,更改裏面的ID便可

點我展開

QQ靠靠找我

用戶點擊旁邊的QQ便可想你通訊,可是提早要設置好QQ在線狀態

點我展開

側邊欄滾動文字

更改內容添加到博客園側邊欄便可

點我展開

添加頂部信息

更改內容添加到頁首便可

點我展開

 添加頂部滾動公告

更改內容添加到頁首便可

點我展開

複製粘貼警告

當別人複製粘貼時,會有單獨的警告(我的是不推薦使用別人的禁止複製粘貼了)

添加到頁首便可

點我展開

更改鼠標圖標

不在使用微軟默認圖標(僅在博客內生效)

能夠更改樣式

添加到css框

點我展開

 返回頂部按鈕

點擊返回頂部。

方便你我

粘貼到頁首

點我展開

鼠標點擊特效1

點擊後出現社會主義核心價值觀。

到處要學習

粘貼到頁腳。

點我展開

鼠標點擊特效2

點擊出現煙花。

粘貼到頁腳

點我展開

頁面雪花特效

天上飄雪花

css部分代碼

點我展開

頁腳部分代碼

點我展開

兩個都要有

改變標題欄logo

圖片能夠自行選擇

個人是一個小電腦

粘貼到頁腳

點我展開

訪客來源統計1

這個放在側邊欄,列表式的。

不過和flag counter不同(flag counter被博客園禁用了)

從下面的這個網站獲取代碼後粘貼到側邊欄

http://www.harlanc.vip/

訪客來源統計2

一個小地球,我的感受放在頁腳好看一些。

從下面的這個網站獲取代碼後粘貼到頁腳

https://www.revolvermaps.com/

隨筆分類空隙修改

定製左側隨筆分類上下項之間的間距,左側隨筆分類顯示有多少項,你就在後面增長多少項

粘貼到css:

點我展開

看板娘

可愛的看板娘

天天打開博客看到她心情好極了

這個較爲複雜,詳情看這位大佬的博客

http://www.javashuo.com/article/p-usgyoguo-r.html

日曆美化

讓日曆更好看一些

粘貼到css

點我展開

 博客園新型皮膚(各位大佬製做的!)

這些皮膚是現成的,不推薦私自更改,若有能力能夠嘗試。

由BNDong大佬製做的皮膚

具體的下載、操做請去他的博客查看https://github.com/BNDong/Cnblogs-Theme-SimpleMemory

個人附屬博客就是採用他的皮膚,十分好看,做者持續更新!

個人附屬博客

bili皮膚

具體的下載、操做請去他的博客查看https://www.cnblogs.com/gshang/p/biliTheme.html

這個博客也很好看的,做者持續更新!

後記

就說到這裏,未完待續,若是對你有一點小小的幫助的話,點個贊和關注吧。

相關文章
相關標籤/搜索