少花重覆工改 blogger , 如何保住側邊欄(sidebar) !

原文來自放形浪high

如果已經使用blogger一陣子, 側邊欄或網頁元素加了不少玩意, 一旦想改版時, 大概最頭痛的就是要怎麼做, 可以省最多工夫? 如果是套用別人已設計好的template, 如何保留原先舊版側邊欄內的程式呢?

有一個方法, 可以快快樂樂換版面, 而不會失去原先的側邊欄或網頁元素!


首先要先了解, 通常要加入部落格的一些小玩意(widget),如線上人數, 訂閱, 書籤等, 大部分是加在網頁元素中, 也就是範本-->網頁元素. 如果想換版面, 套用別人設計的範本, 由於每個人使用的網頁元素會不一樣, 所以如果沒有在想套用的範本中加入這些網頁元素的ID, 就會失掉這些網頁元素了.

這裡的方法是保留寫在網頁元素的程式碼, 而不是 用修改html方式, 所加入的程式碼哦!



每一個網頁元素(page element),無論是放在側邊欄或是header, footer, 用html檢視時, 其實都有一個名字, 這名字的來源取決於當初選擇加入 網頁元素的形態. 如, 選擇 HTML/JavaScript, 就會有一個 widget id='HTMLXX' , XX代表數字.



1. 所以想保留哪些網頁元素, 就可以從 範本 --> 修改HTML這裡辦到.

先不要勾選 "小裝置範本", 在想保留的網頁元素處, 如 sidebar, 就先找出<b:section class='sidebar' id='sidebar' > 與 </b:section>之間的程式碼

如

HTML


<b:widget id='HTML6' locked='false' title='My Twitter' type='HTML'/>
<b:widget id='HTML10' locked='false' title='Translation' type='HTML'/>
<b:widget id='HTML3' locked='false' title='RSS訂閱' type='HTML'/>
<b:widget id='HTML5' locked='false' title='加入書籤' type='HTML'/>
<b:widget id='Label1' locked='false' title='我的標籤' type='Label'/>
<b:widget id='HTML4' locked='false' title='Something About Here' type='HTML'/>


**每一列 b:widget 開頭的程式碼, 應該都是 /> 結束!

2.然後把你想套用的template打開(全選程式碼複製到notepad ,存成純文字檔), 找出想安裝的位置, 如sidebar區, 將這些複製出來的程式碼, 貼到 <b:section class='sidebar' id='sidebar' > 與 </b:section> 之間. 可以先貼, 最後再用範本 --> 網頁元素 用拖拉方式調整位置.



3. 最後再把新 "合成" 的程式碼, 全選貼到 範本-->修改HTML(展開小裝置範本要勾選), 可以預覽看看! 如果沒問題, 按儲存.

注意!!萬一出現 "小裝置即將刪除 請確認以下的小裝置是否應該刪除。 這些小裝置的所有配置數據都將遺失。", 代表有些原來的小裝置(網頁元素), 並不會保留, 如果不能確定, 按取消就可以了! 若是已經確認這些網頁元素不需要後, 就按確認吧!

這方法適合進階的改版者, 如果對程式碼沒有概念的話, 可能先等熟悉介面之後, 再考慮這麼做囉!

善用 (blockquote)功能 改變文章背景

在 範本 --> 修改 HTML --> 先搜尋 ".post blockquote"
(當然要記得勾選"展開小裝置範本")

加入 background Url 就可使用 blockquote 時加入背景圖

HTML


.post blockquote {
margin: 15px 30px 0 10px;
padding: 20px;
background: #f0f0f0 url(圖片網址) no-repeat left top;
}


記得填入圖片網址.
如果不加入圖片網址就底色只會灰灰的(#f0f0f0)

在建立新文章時, 將引用文字先選取起來, 按功能鍵中的, 這段文字就會被<blockquote> </blockquote>包住了.



效果就像這樣.

資料及參考來源 : 放形浪high

如何把Blogger的範本改成三欄式的?

文章來源轉載由 山頂的秘密基地
(P.S 沒原作者同意就轉載了,我被原作者痛罵了一頓,在此先道歉,大大請原諒,當初開建Blog,甚麼也沒有,所以不懂規舉就拿了,再一次請原作者息怒,小的不敢了>0< 08/Sep/2008)

(P.S 因為還未得作者聯絡,所以先將內容刪除,有興趣可以去本身作者的網頁觀看參考,再一次對原作者作出萬2分歉意 09/Sep/2008)

Google 免費計數器 !?

文章來源轉載由 山頂的秘密基地
(P.S 沒原作者同意就轉載了,我被原作者痛罵了一頓,在此先道歉,大大請原諒,當初開建Blog,甚麼也沒有,所以不懂規舉就拿了,再一次請原作者息怒,小的不敢了>0< 08/Sep/2008)

(P.S 因為還未得作者聯絡,所以先將內容刪除,有興趣可以去本身作者的網頁觀看參考,再一次對原作者作出萬2分歉意 09/Sep/2008)

GPU-Z 0.1.9 - 測試您的顯示卡

GPU-Z 0.1.9

GPU-Z 是專為顯示卡而設計的測試軟體，支援 NVIDAI 及 ATI 兩家晶片的顯示卡，經由 GPU-Z 可讓我們充份地了解顯示卡的晶片類型、製程、晶片大小、匯流排介面、DirectX版本、記憶體類型、記憶體大小、驅動程式版本、其他像晶片和記憶體的時脈它也能偵測得出來，而且我們還能透過時脈的部份，來判斷我們的顯示卡是否有超頻。

Main Features

* Support NVIDIA and ATI cards
* Displays adapter, GPU and display information
* Displays overclock, default clocks and 3D clocks (if available)
* Validation of results
* No installation required
* Support for Windows 2000 / XP / Vista (both 32 and 64 bit versions are supported)
* BETA SOFTWARE - please test and post feedback in the forums
* .. and yes, the author of CPU-Z has granted us permission to use a name similar to his product. Thanks Franck.

http://www.techpowerup.com/gpuz/