2. 程式人生 > >美化你的部落格園！

美化你的部落格園！

阿新 • • 發佈：2018-12-28

偶爾見到別人的部落格側邊欄 有一些很有意思的flash外掛，也想加入到自己部落格裡面，這裡來大概講一下~

一、支援js程式碼

首先要在  部落格設定 >開啟部落格側邊欄公告的js程式碼支援，提交稽核後 很快就會通過，如圖：

 

二、新增flash外掛

之後我們要做的事情就很簡單了，我們只需要將我們想要的flash外掛程式碼貼上進去，儲存之後就搞定了~

下面列舉一些flash外掛指令碼供大家來使用：

 

1.人體時鐘（透明背景）

<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script>

效果圖：

 

2.人體時鐘（白色背景）

<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.js"></script>

效果圖：

 

 

3.dog

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/dog/dog.swf?3?" width="300" height="225"><param name="movie" value="http://cdn.abowman.com/widgets/dog/dog.swf?3?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object>

效果圖：

 

4.hamster

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/hamster.swf?" width="300" height="225"><param name="movie" value="http://cdn.abowman.com/widgets/hamster/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

效果圖：

 

5.newton's cradle

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/newtonscradle/newtonsCradle.swf?" width="300" height="225"><param name="movie" value="http://cdn.abowman.com/widgets/newtonscradle/newtonsCradle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

效果圖：

 

 

6. ball clock

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/ballclock/ballclock.swf?" width="300" height="220"><param name="movie" value="http://cdn.abowman.com/widgets/ballclock/ballclock.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

效果圖：

 

 7.  turtle

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/turtles/turtle.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/turtles/turtle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

效果圖：

 

8. penguins

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/penguins/penguins.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/penguins/penguins.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

效果圖：

 

9.fish

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

效果圖：

 

 

10. tree frog

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/treefrog/treefrog.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/treefrog/treefrog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

效果圖：

 

 

11. spider

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/spider/spider.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/spider/spider.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/><param name="bgcolor" value=""/></object>

效果圖：

 

 

12. desc drop

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/discdrop/discDrop.swf?" width="300" height="225"><param name="movie" value="http://cdn.abowman.com/widgets/discdrop/discDrop.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object>

效果圖：

 

13.pendulum clock

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/pendulumclock/pendulumClockV2.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/pendulumclock/pendulumClockV2.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value=""/></object>

效果圖：

 

14.stingray

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/stingray/stingray.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/stingray/stingray.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

效果圖：

 

 

 ok，到此結束，有沒有覺得部落格漂亮了很多~

 

作者：East.Fu 
出處：http://www.cnblogs.com/eastfu 
本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段宣告，且在文章頁面明顯位置給出原文連線，否則保留追究法律責任的權利。

偶爾見到別人的部落格側邊欄 有一些很有意思的flash外掛，也想加入到自己部落格裡面，這裡來大概講一下~

一、支援js程式碼

首先要在  部落格設定 >開啟部落格側邊欄公告的js程式碼支援，提交稽核後 很快就會通過，如圖：

 

二、新增flash外掛

之後我們要做的事情就很簡單了，我們只需要將我們想要的flash外掛程式碼貼上進去，儲存之後就搞定了~

下面列舉一些flash外掛指令碼供大家來使用：

 

1.人體時鐘（透明背景）

<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script>

效果圖：

 

2.人體時鐘（白色背景）

<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.js"></script>

效果圖：

 

 

3.dog

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/dog/dog.swf?3?" width="300" height="225"><param name="movie" value="http://cdn.abowman.com/widgets/dog/dog.swf?3?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object>

效果圖：

 

4.hamster

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/hamster.swf?" width="300" height="225"><param name="movie" value="http://cdn.abowman.com/widgets/hamster/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

效果圖：

 

5.newton's cradle

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/newtonscradle/newtonsCradle.swf?" width="300" height="225"><param name="movie" value="http://cdn.abowman.com/widgets/newtonscradle/newtonsCradle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

效果圖：

 

 

6. ball clock

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/ballclock/ballclock.swf?" width="300" height="220"><param name="movie" value="http://cdn.abowman.com/widgets/ballclock/ballclock.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

效果圖：

 

 7.  turtle

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/turtles/turtle.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/turtles/turtle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

效果圖：

 

8. penguins

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/penguins/penguins.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/penguins/penguins.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

效果圖：

 

9.fish

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

效果圖：

 

 

10. tree frog

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/treefrog/treefrog.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/treefrog/treefrog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

效果圖：

 

 

11. spider

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/spider/spider.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/spider/spider.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/><param name="bgcolor" value=""/></object>

效果圖：

 

 

12. desc drop

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/discdrop/discDrop.swf?" width="300" height="225"><param name="movie" value="http://cdn.abowman.com/widgets/discdrop/discDrop.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object>

效果圖：

 

13.pendulum clock

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/pendulumclock/pendulumClockV2.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/pendulumclock/pendulumClockV2.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value=""/></object>

效果圖：

 

14.stingray

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/stingray/stingray.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/stingray/stingray.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

效果圖：

 

 

 ok，到此結束，有沒有覺得部落格漂亮了很多~

 

相關推薦

美化你的部落格園！

偶爾見到別人的部落格側邊欄 有一些很有意思的flash外掛，也想加入到自己部落格裡面，這裡來大概講一下~ 一、支援js程式碼 首先要在  部落格設定 >開啟部落格側邊欄公告的js程式碼支援，提交稽核後 很快就會通過，如圖：   二、新增flash外掛

你部落格園文章中的圖片可以放大嗎？反正我的是可以放大了！

 序      看看專案經理是如何實現的？  外掛選擇 試了幾個外掛，感覺還是 lightbox 外掛好用，連結：https://github.com/lokesh/lightbox2，該外掛具備如下幾個特點：

今天，我開通了部落格園！

部落格開通時間： 　　2018-11-02-19:43:15   開通部落格目的： 　　記錄學習程序，分享開發過程！   部落格內容： 　　1、學習C++，為了更深刻的理解計算機工作原理； 　　2、學習Python； 　　3、用Python開發houdini外掛； 　　

部落格園美化大集合2020最新！不用擔心失效問題！

前言 不少人說我的部落格園佈置得好，今天就釋出一下我的部落格園美化。 最近更新：2020年3月13日 在這裡會有持續更新的內容，不必擔心外掛失效問題。 下面進入正文，希望對您有幫助。 樣板： 我的主部落格：https://www.cnblogs.com/laoguantongxiegogo/ 我的附屬部落格：

你要的部落格園主題都有！！！

基於最近很多小夥伴加我微信想要我的部落格園主題，那我就把部落格園主題整理一下，送給喜歡的小夥伴，園友們喜歡可以收藏，關注，部落格園主題僅供參考，博主順便再多說一句，雖然我可以分享給你們，但是我更願意你們加我微信是來問問題的，畢竟再絢麗的外觀終歸不是我們在這條路上追求的最終歸宿，當你有一技之長完全可以自己寫一套

2018年11月1日開通部落格園感想！

為什麼開通部落格園？對啊？我也想問自己這個問題。我想，還是為了自己心中那份不安分吧。至於自己心中的那小目標，我一直在奮鬥著。。。。。，我感覺在向我招手，我在一直在努力著。歸結一點就是使自己to Strong,better Strong。 學習是一個持續的過程，由於學習知識的混亂，我認為有必要將自己的學習的知

部落格園美化程式碼備份

#Header1_HeaderTitle { font-family: "華文行楷"; font-size: 62px; font-weight: bold; padding-top:15px; padding-bottom:5px; padding-left:20px; padding-right:0p

部落格園美化手記——CSS Javascript Html

寫在前面：出自（https://www.cnblogs.com/ECJTUACM-873284962/p/7628894.html#autoid-0-3-0），只是覺得寫得比較好，幫忙轉一下qwq。 目錄 ①擁有自己的CSS程式碼 ②修改滑鼠圖案 ③公告欄的設定 關於背景音樂 ④關於

個人部落格園樣式、背景及細節美化過程

主頁美化： 主要參考嘻哈燒餅的美化，在TA的基礎上增加了對主頁背景及色調的調整 原帖地址：https://www.cnblogs.com/seanshao/p/5716543.html 修改部落格園背景的程式碼如下（在原帖使用的css檔案中修改）： body { color: #000

部落格園---部落格美化彙總

轉載自：https://www.cnblogs.com/WhiteTears/p/8824544.html   1、申請js許可權 直接在設定裡點選申請，稽核較慢且通過率較低。因此可以向[email protected]發郵件，簡單說明理由，一般很快就能得到回覆了。

部落格園美化筆記

1.每日一言 P.S : 來自LOJ 在側邊欄加入以下css程式碼即可 <meta charset="utf-8"/> <h2><B>一言（ヒトコト）</B></h2> <div

我的部落格園美化

越來越喜歡部落格園了 _(:3」∠)_ 在加入部落格園的前一個月，我都在進行前端html和css的學習 現發現部落格園對使用者開放高度的個人頁面定製，讓我很是驚喜 通過參考大佬們美化的主頁，我逐漸瞭解了部落格園的網頁結構，於是也動了折騰的心思 我不喜歡花裡胡哨，追求簡單實用，希望我的美化主頁CSS能對

學會這些Markdown常用語法，你就能立刻用markdown寫部落格啦！

文章目錄 前言 標題 列表 無序列表 有序列表 引用 分割線 連結 連結行內式 連結引數式 圖片 圖片行內式 圖片引數式 程式碼

如何為你的部落格園新增到百度統計

1.開啟百度統計的地址 https://tongji.baidu.com/web/welcome/login?castk=LTE%3D 2.註冊，開啟網址後，右面有註冊按鈕，點選註冊 選擇站長版，點選去   填寫自己的註冊資訊 3.填完之後，登入進去，在管理標籤下有新增網

我的部落格園css模板美化的經驗分享

作為一個搞CS的人，如果你只是想找個地方發部落格，那麼部落格園還是個不錯的平臺。雖然現在的自建部落格工具多的不得了，動態的有WordPress、Ghost，靜態的有hexo、jekyll等等；雖然對於一個碼農而言搗鼓這些東西也算不上太難，不過終歸是要浪費時間的。所以本著一切從簡的原則，我也很支援從部落格園這樣

部落格園首頁新隨筆聯絡管理訂閱 隨筆- 4 文章- 0 評論- 17 高斯白噪聲 版權宣告：本文釋出於http://younghit.cnblogs.com/，版權由Young！所有。如需轉載，請

：本文釋出於http://younghit.cnblogs.com/，版權由Young！所有。如需轉載，請註明出處。若在未經作者同意下將本文內容用於商業用途，將追究其法律責任。如果有問題，請以短訊息方式聯絡作者。    　本文科普一下高斯白噪聲（white Gaussian noise，WGN）。 　　

Jupyter-Notebook版的部落格園美化

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, detai

簡單改造丨讓你的部落格園煥然一新

一直想弄一個blog。 主流的有csdn、部落格園，csdn上廣告太多，有時候必須得登入才能看到一些內容，讓我非常反感。相比之下，部落格園則清爽很多，使用了一段時間，但還是覺得不便。主要是上傳文章經常會有格式問題，其次就是部落格園的介面太老舊了。 後來就嘗試在github pages上搭建Jekyll、Hex

美化部落格園大全

前言：用了兩天的時間把我的部落格園好好規劃了一下，也來寫篇隨筆教一下大家怎麼定義一個屬於自己的部落格園，我將會把我部落格園的所有內容展現給大家（很大方的吧） 首先要明白，部落格園如何自定義樣式，在部落格園的設定裡，面板我選擇的是SimpleMemory，我的樣式是基於這個面板來的，當然你選擇別的面板也可以用

部落格園細節美化，打磨

原作者 感謝 @Summertime-Wu 巨佬寫出這樣漂亮簡潔的主題，本蒟蒻是在原主題的基礎上改的。 原主題地址：https://www.cnblogs.com/summertime-wu/p/9356736.html。 本人新手，如有可改進之處，歡迎指出 優化 新增 fork me on github 角