部落格小工具：海綿寶寶時鐘

海綿寶寶時鐘DEMO：

海棉寶寶表情會隨時間變化

滑鼠往臉上移動

會出現很多泡泡喔

網站名稱：スポンジ・ボブブログパーツ！！

網站網址：按這裡

程式碼：

<script type='text/javascript' src='http://www.nickjapan.com/sb/blogparts/bobClock.js'></script>

設定方法：

第1步 開啟「這個」網頁，勾選中間那個「ブログパーツ」ご利用規約同意する」，同意使用規約，上面方框會出現海綿寶寶時鐘的程式碼。

01-海綿寶寶時鐘

第2步 請將JavaScript程式碼全選後複製下來，或者直接取用本文上方所提供的程式碼，跟原始網站中的一樣。

02-海綿寶寶時鐘

第3步 回到你的部落格管理後台，在版面管理中新增一個新的欄位，然後將剛剛的JavaScript程式碼貼上去，設定好顯示位置後再按下〔儲存版面〕即可設定完成。

03-海綿寶寶時鐘

第4步 設定好之後，你的部落格便會多個海綿寶寶的可愛時鐘囉！每次進去都會有不同的可愛表情唷！

04-海綿寶寶時鐘

本文引用出處: http://0rz.tw/LsvWv

【重灌狂人作者: 不來恩】

引用語法如下：
<h1 class="entry-title2" style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px; font: 500 24px/1.4 Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #b10610; clear: both; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;"><img src="http://img198.imageshack.us/img198/9359/yhx.gif" alt="" width="400" height="200" /></h1>   <h1 class="entry-title2" style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px; font: 500 24px/1.4 Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #b10610; clear: both; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;">部落格小工具：海綿寶寶時鐘</h1>   <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;">海綿寶寶時鐘DEMO： <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;"><object id="externalSbClock" style="margin: 0px 0px 1px; max-width: 100%; font-size: 18px; vertical-align: baseline; border: 0px; padding: 0px;" width="160" height="210" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" bgcolor="#FFFFFF"><param name="src" value="http://www.nickjapan.com/sb/blogparts/preloader.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="allowscriptaccess" value="always" /><embed id="externalSbClock" style="margin: 0px 0px 1px; max-width: 100%; font-size: 18px; vertical-align: baseline; border: 0px; padding: 0px;" width="160" height="210" type="application/x-shockwave-flash" src="http://www.nickjapan.com/sb/blogparts/preloader.swf" quality="high" wmode="transparent" allowscriptaccess="always" bgcolor="#FFFFFF" /></object> <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;">  海棉寶寶表情會隨時間變化 滑鼠往臉上移動 會出現很多泡泡喔  <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;">  <blockquote style="border-bottom: #cccccc 2px solid; border-right-width: 0px; text-transform: none; background-color: #e1f1fe; text-indent: 0px; margin: 0px; padding-left: 1px; padding-right: 1px; font: 16px Helvetica, Arial, sans-serif; white-space: normal; border-top-width: 0px; letter-spacing: normal; color: #262626; vertical-align: baseline; quotes: none; border-left-width: 0px; word-spacing: 0px; padding-top: 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-text-stroke-width: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px;"> <ul> <li>網站名稱：スポンジ・ボブブログパーツ！！</li> <li>網站網址：<a style="margin: 0px; outline-style: none; outline-color: invert; outline-width: medium; color: #176cc7; font-size: 16px; vertical-align: baseline; text-decoration: none; border: 0px; padding: 0px;" href="http://www.nickjapan.com/sb/blogparts/" target="_blank">按這裡</a></li> </ul> </blockquote> <blockquote style="border-bottom: #cccccc 2px solid; border-right-width: 0px; text-transform: none; background-color: #e1f1fe; text-indent: 0px; margin: 0px; padding-left: 1px; padding-right: 1px; font: 16px Helvetica, Arial, sans-serif; white-space: normal; border-top-width: 0px; letter-spacing: normal; color: #262626; vertical-align: baseline; quotes: none; border-left-width: 0px; word-spacing: 0px; padding-top: 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-text-stroke-width: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px;"> 程式碼： <script type='text/javascript' src='http://www.nickjapan.com/sb/blogparts/bobClock.js'></script>   </blockquote> <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;">   <h3 style="text-align: center; padding-bottom: 0px; line-height: 1.8461; text-transform: none; background-color: #2d6ef9; font-variant: normal; font-style: normal; text-indent: 0px; margin: 2em 0px 0.5em -0.2em; padding-left: 0.5em; padding-right: 0.1em; font-family: Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #ffffff; clear: both; vertical-align: baseline; font-weight: bold; word-spacing: 0px; padding-top: 2px; -webkit-text-stroke-width: 0px; border-top-left-radius: 5px; border: 0px;">設定方法：</h3> <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;">第1步  開啟「<a style="margin: 0px; outline-style: none; outline-color: invert; outline-width: medium; color: #176cc7; font-size: 18px; vertical-align: baseline; text-decoration: none; border: 0px; padding: 0px;" href="http://www.nickjapan.com/sb/blogparts/" target="_blank">這個</a>」網頁，勾選中間那個「ブログパーツ」ご利用規約同意する」，同意使用規約，上面方框會出現海綿寶寶時鐘的程式碼。 <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;"><img style="margin: 0px; max-width: 100%; font-size: 18px; vertical-align: baseline; border: 0px; padding: 0px;" src="http://orzhd.com/briian/2009/a31a7db29b68_E10D/01.png" alt="01-海綿寶寶時鐘 " width="600" height="478" border="0" /> <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;">  <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;">第2步  請將JavaScript程式碼全選後複製下來，或者直接取用本文上方所提供的程式碼，跟原始網站中的一樣。 <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;"><img style="margin: 0px; max-width: 100%; font-size: 18px; vertical-align: baseline; border: 0px; padding: 0px;" src="http://orzhd.com/briian/2009/a31a7db29b68_E10D/02.png" alt="02-海綿寶寶時鐘 " width="600" height="479" border="0" /> <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;">  <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;">  <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;">第3步  回到你的部落格管理後台，在版面管理中新增一個新的欄位，然後將剛剛的JavaScript程式碼貼上去，設定好顯示位置後再按下〔儲存版面〕即可設定完成。 <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;"><img style="margin: 0px; max-width: 100%; font-size: 18px; vertical-align: baseline; border: 0px; padding: 0px;" src="http://orzhd.com/briian/2009/a31a7db29b68_E10D/03.png" alt="03-海綿寶寶時鐘 " width="600" height="309" border="0" /> <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;">  <p style="text-align: center; text-transform: none; background-color: #ffffff; text-indent: 0px; margin: 0px 0px 1px; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;"> <strong style="line-height: 30px; text-transform: none; background-color: #ffffff; font-variant: normal; font-style: normal; text-indent: 0px; margin: 0px; font-family: Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; color: #262626; font-size: 18px; vertical-align: baseline; word-spacing: 0px; -webkit-text-stroke-width: 0px; border: 0px; padding: 0px;">第4步<span style="text-transform: none; background-color: #ffffff; text-indent: 0px; display: inline !important; font: 18px/30px Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; float: none; letter-spacing: normal; color: #262626; word-spacing: 0px; -webkit-text-stroke-width: 0px;">  設定好之後，你的部落格便會多個海綿寶寶的可愛時鐘囉！每次進去都會有不同的可愛表情唷！   <img src="http://orzhd.com/briian/2009/a31a7db29b68_E10D/04.png" alt="04-海綿寶寶時鐘 " />    本文引用出處: <a href="http://0rz.tw/LsvWv">http://0rz.tw/LsvWv</a>  【重灌狂人作者: 不來恩】 <ins style="position: relative; text-transform: none; background-color: transparent; font-variant: normal; font-style: normal; text-indent: 0px; margin: 0px; width: 700px; display: inline-table; font-family: Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU; white-space: normal; letter-spacing: normal; height: 280px; visibility: visible; color: #262626; font-size: 18px; vertical-align: baseline; font-weight: normal; word-spacing: 0px; text-decoration: none; -webkit-text-stroke-width: 0px; padding: 0px;"></ins>

本文引用自e314520520 - 部落格小工具：海綿寶寶時鐘

★﹏企鵝﹏★

ღ◣企鵝◥ღ

★﹏企鵝﹏★ 發表在痞客邦留言(0) 人氣()

E-mail轉寄

ღ◣企鵝◥ღ

ღ企鵝の公告ღ