首頁
相簿
論壇
訂閱最新文章

星期四, 7月 24, 2008

讓blogger側邊欄折合

參考Abin's Tech Note小弟這邊只是給自己做備忘,如有問題或需要更詳細解說請至原作者網站發問,順便鼓勵他一下

第一,把想展開摺疊的區塊找出來,第二,做一個按鈕或連結,當按下去的時候,去切換該區塊的狀態(display inline or none)。打開完整範本原始碼,首先貼入處理這個動作的 Javascript (貼在 <head> </head> 標籤內):

<script type='text/javascript'>
<!-- Function used for Sidebar Element Toggling: ElementToggle()-->
function ElementToggle(id) {
  var element = document.getElementById(id).getElementsByTagName(&#39;div&#39;);
  for(i = 0; i &lt; element.length; i++) {
    attribute = element[i].getAttribute(&#39;id&#39;);
    if(attribute == &#39;toggle&#39;)
    {
      if (element[i].style.display == &#39;none&#39;)
        element[i].style.display = &#39;inline&#39;;
      else
        element[i].style.display = &#39;none&#39;;
    }
  }
}   
</script>


接下來,要去修改元件 (Widget) 的程式碼。同樣以個人資料 (Profile) 元件為例,找 開頭 結尾的區段,應該是類似下面這樣:

<b:widget id='Profile1' locked='false' title='AUTHOR PROFILE' type='Profile'>
  <b:includable id='main'>
     <b:if cond='data:title != ""'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>    
     ............. (程式內文略過不表)
  </b:includable>
</b:widget>


這個元件的 ID = Profile1,是範本裡用來識別該元件的方法,接下來要插入動態切換的連結,為求簡單我先不顧美觀,直接插入像下面的原始碼:

<b:widget id='Profile1' locked='false' title='AUTHOR PROFILE' type='Profile'>
<b:includable id='main'>
     <b:if cond='data:title != ""'>
      <h2><a href='javascript:void(0);' onclick='javascript:ElementToggle("Profile1");'>[+/-]</a>
      <data:title/></h2>
    </b:if>
    <div class='widget-content' id='toggle' style='display:none;'>
     ............. (程式內文略過不表)
  </b:includable>
</b:widget>


有兩個部分要解釋一下。第一,塞入元件標題 data:title 前面的那行,就是呼叫 Javascript 的連結,其中有一個變數:Profile1,就是告訴 Javascript 你要動態切換哪一個元件,所以如果你有多個不同元件要摺疊,記得除了呼叫切換的這一行要塞入該元件原始碼中,還要更改 ID 名稱。第二個部分,<div class='widget-content'> 這行標籤開始就是元件的內容,也是要被折疊或展開的區塊,如果你希望該文件「預設」就被折疊起來,那就要在後面加入 CSS Style 去起始隱藏它,如果預設是被展開的,就把後面紅色的 style='display:none;' 部分拿掉就行了。最後,如果對以上樣式不滿意,或是想貼用圖片當切換按鈕,記得調整 <a> 連結那行的內容和位置就可以了!

張貼者:甄咖郎 於 中午12:34:00 0  

星期三, 7月 23, 2008

blogger的重要功能繼續閱讀

關於繼續閱讀這部分可以說是我搞blogger搞的最久的一樣東西,之前用過很多方法但是都是java的用起來種有那麼一點問題,最後我採用這篇教學以下是我個人修改的簡易說明

修改html-記得打開小裝置-尋找 ]]></b:skin> 在這後面插入以下代碼 &ltb:if cond='data:blog.pageType == "item"'> &ltstyle type='text/css'> span.fullpost {display:inline;} </style> &ltb:else/> &ltstyle type='text/css'> span.fullpost {display:none;} </style> </b:if> 然後在尋找這段 <data:post.body/> 在這後面插入下面程式碼,其中程式碼內被小括號圍起來的中文字部分可以替換成自己想要的文字 &ltb:if cond='data:blog.pageType != "item"'> &lta expr:href='data:post.url'>(繼續閱讀...)</a> </b:if> 這樣基本上完成想隱藏的文章用這段包起來就好 <span class="fullpost">(本文要隱藏的部分)</span> 圖文教學請點我

張貼者:甄咖郎 於 上午11:27:00 0  

部落格搬家日記

由於換了fttb之後好像跟我的nat衝到,決定把網站都搬到免費空間託管,順便試試這空間能用多久之前沒在使用只是單純當備份站台好像也是滿穩的,半年來沒罷工過,能榜域名又沒廣告!!真不知他要賺甚所以在這邊幫他廣告一下,希望大家不要拿來當檔案伺服,以免這種好空間又掛了

訊息如下,點圖片前往官網看更詳細介紹
Free Web Hosting with Website Builder



Today I just found this free host with:

- 350 MB of Disk Space
- 100 GB Bandwidth
- Your own domain hosting
- cPanel Control panel
- Website Builder
- Over 500 website templates ready for download
- Free POP3 Email Box and Webmail access
- FTP and Web based File Manager
- PHP, MySQL, Perl, CGI, Ruby.
- No Ads at all !

Check it out Here: http://www.000webhost.com/61470.html

張貼者:甄咖郎 於 凌晨3:44:00  

強大的免費壓縮軟體7Zip

許可協議

7-Zip開放原始碼 的軟體。 大多數的原始碼基於 GNU LGPL 許可協議發佈。 unRAR 代碼基於混合許可協議: GNU LGPL 和 unRAR 限制許可協議 發佈。 更多許可協議資訊請觀看: 7-Zip 許可協議.

您可以在任何電腦上使用 7-Zip , 包含商業用途的電腦。 您不需要註冊或付款給 7-Zip。 但您可以藉由 捐贈 來支援 7-Zip 今後的發展。

7-Zip 主要特色

  • 高壓縮率在新的 7z 格式 上使用 LZMA 壓縮
  • 支援格式:
    • 壓縮及解壓縮: 7z, ZIP, GZIP, BZIP2 和 TAR
    • 解壓縮: RAR, CAB, ISO, ARJ, LZH, CHM, MSI, WIM, Z, CPIO, RPM, DEB 和 NSIS
  • 對於 ZIP 和 GZIP 格式, 7-Zip 能提供比使用 PKZip 或 WinZip 高 2-10% 的壓縮比
  • 可對 7z 和 ZIP 格式使用強大的 AES-256 加密
  • 7z 格式自解壓縮檔(SFX)
  • 整合 Windows Shell
  • 强大的的檔案管理
  • 强大的命令列版本
  • 支援 FAR Manager 外掛
  • 支援 71 種語言

更多訊息以及下載請至官方 點我前往

以下是概略使用說明

安裝完成以後再任一個資料夾或檔案暗滑鼠右鍵就會出現7zip選項

sshot-1

點資料夾選擇你要壓縮成哪一種格式有7z跟zip,選完會出現壓縮介面告訴你工作進度

sshot-2

如果你點的是壓縮檔可以選擇open archive 打開主介面測試壓縮檔是否正確

sshot-3

選擇open archive 會出現這介面,點擊測試按鈕

sshot-4

壓縮黨正確會出現這介面

sshot-5

至於其他進階功能請自己摸索一下,7zip使用介面很簡單應該沒甚問題

張貼者:甄咖郎 於 凌晨1:53:00 0  

星期二, 7月 22, 2008

大通的dd525

今天休假閒閒沒事幹,下午去買了數位棒,大通的dd525想裝筆記型用,想不到安裝驅動一直出現請先安裝hotfix害我還去微軟線上更新,結果沒用,到大通網站也找不到相關資料,就靠自己慢慢找,發現他晶片是用af9501,只好拜讀google大神,原來是sp3問題,還好國外強人果真很多,有人提供了修正檔,果真一試就靈.在此提供給有需要用到的人

ps:抱怨一下哪有人安裝驅動還要序號的,玩了10多年電腦還第一次遇到,官網有提供下載,裡面竟然沒附序號,真是暈死人

張貼者:甄咖郎 於 下午1:04:00