顯示具有 部落技巧 標籤的文章。 顯示所有文章
顯示具有 部落技巧 標籤的文章。 顯示所有文章

2009年9月21日 星期一

新模板完工底定嚕!!


新的模板已大致底定了,但還有一些細部修改一下,說真的雙眼真的快脫窗了,
要不斷的測試,在網頁間轉來轉去,真是@.@...

新的板子是以單一黑色作背景,再以簡單的線條勾勒出架構以兩欄式當作主軸
,且儘量將側欄的widget作簡化,構置到文章中再將文章來源設定成快捷鍵,整
個外觀看起來比較沒那麼零亂,且所使用的快捷鍵皆為web2.0式樣,比較起來
舊板就比較屬於平面一點所以看起來整個部落格比較long view,及深度的感
覺,雖然整個過程真的是很累,且中間也有遇到許多問題跟bug,只能在茫茫網路
中搜尋答案,但終究也算是排除萬難,其中也學了不少語法跟觀念...但若真的
要再換板應該又是一年後的事了吧,希望學到的東西還記住才好...= =!


再說說舊的板子,以牛仔褲(見上圖)為背景,三欄式的架構,看起來是屬於比
較年輕一點的感覺,也用了一年多許多朋友也都說感覺還不錯,但是也就是因
為一年多來幾乎天天都在看,總是有膩的時候..於是在網路讀了一篇文章,就
下定決心作一次大改版嚕..

訪客紀錄








since2010/02/10

2009年5月6日 星期三

[BLOGGER]繼續閱讀懶人加強版 [版本2.x]安裝教學

Blogger Beta中Read More與Archive只顯示標題的作法
從referral中發現有人在搜尋Blogger.com Beta改版後Read more與
Archive只顯示標題的作法,我是「遵循 Blogger 古法」的邏輯再配上
新系統內建的語法後,自己摸出來感覺比較簡潔的作法,不過原來早有在
Blogger.com架站的網友公開了其他的作法。首先在 EDIT HTML 頁面中
點選Expand Widget Templates後,利用搜尋在標籤後加入下列區段:
(按ctrl+f鍵再key入欲搜尋之關鍵字就可以搜尋了)
..........略
]]>






然後在語法中搜尋,(按ctrl+f鍵就可以搜尋了)
原本的樣子是:



改成以下這個樣子(要"

"整個都去掉改成下面這個樣子:






read more...



是為了讓 read more 接本文時可以斷行,寫文章的時候,只要把想要隱藏
的文章區段用...包起來即可:

例如:開頭本文.....在這裡之前的都會顯示在桌面,
本文要隱藏的部分


收工。
用這個方法跟網友所提供以Java Script一樣的地方是,使用者都要自己下語法
去包要隱藏的文字部分;不一樣的是這個方法只用系統平台所提供的IF/ELSE來
做,簡單易改容易變化,平常在編輯Tamplate時沒有展開Widget是不會看到
多餘語法的,編輯Template的時候比較簡潔之外,輸出頁面的檔頭也比較簡潔,
另外是內文的部分而非區塊的部分儘量使用span標籤與class層級設定,且
Blog文章主要都以文字呈現的話,檔頭的Java Script越少速度一定越快,尤
其像我現在使用56K Moden撥接上線...CSS設定可以跟使用者以前依照Blogger
Help教學所做出來的設定相容,所以升級到Blogger.com Beta後其他舊文章
一樣有read more,不用回頭一篇一篇改。

另外我也試過如果要在Archive中只顯示標題的作法,這也是我所說簡單易改的
地方,只要在同樣的位置改成:






read more...


read more...


即可直接二合一,Label中還可以看到沒有被隱藏的本文,知道文章的內容在講
啥,不過這樣就變成在Archive頁面中完全沒有本文(文章都只剩下標題而已)
,減少被搜尋引擎搜尋到的機會,不建議用;如果要連Label都要設定成只出現
標題,可以直接去參考網友寫的教學。
原本正在試做月份雲跟標籤雲,但是看到有人已經將作法放了出來(Phydeaux3
:Code for Beta Blogger Label Cloud),我也懶得試了~請直接參考即可
~:Chagg's嘴砲日記之將Blogger Beta的Label作成Label Cloud、Blogger
Beta讓Lable及Archive頁面只顯示標題、Blogger Beta讓Lable及Archive頁
面只顯示標題 Filed under : Blogger, Google, Hack, Tech, Template
安裝前注意事項:
1.若有先前有安裝其他版本(阿土伯版本、本站的1.x版本)的繼續閱讀,請先完整
移除後,再安裝
2.若你的模板本身有附繼續閱讀功能(ex:羊男的三欄式),可能會有衝突,請先想
辦法移除,或是換其他模板....
3.某些特殊的模板(如:Blogcrowds的模板),因為模板結構和blogger預設的不
相同,所以無法支援(安裝了也沒作用),請換其他模板之後,再安裝。

安裝步驟:
1.到Blogger的控制(後台)頁面
2.「版面配置」->「網頁元素」
3.按下「新增小工具」,出現可用的小工具清單
4.找一個名稱為「 HTML/JavaScript」,按下滑鼠左鍵,會進入設定的頁面
5.「標題」欄位,請填入 ##EasyReadMore##
6.「內容」部份,請複製以下程式碼填入

!!程式碼的部分無法直接貼入在文章中,程式會判斷為嵌入程式碼,故會有錯誤,
將程式碼引用於下列網址!!

7.按「儲存變更」,安裝完成!
以下網址就是整個完整的教學,感謝cjh大大的無私分享,吃果子要拜樹頭,引用
時也要記得幫cjh大推一下!!
http://cjhtech.blogspot.com/2007/09/blogger-2x.html?showComm
ent=1241584680000#c3325955304672837899

2009年3月12日 星期四

將留言板置入部落格

在此先謝謝"不思議惑星 Magical Star Blogger 的笨貓大"提供這個將留言板
置入blogger的方法,我個人覺得還蠻受用的,能夠讓到訪的朋友們能夠在最便利
的方式下留下您對所瀏覽的blogger的意見與指教,另一方面也希望gloogle能夠
看到類似相關的訊息,及廣大使用的blogger需求加以改進,雖然blogger講求的
就是高自由度,但相對於新手而言就是高難度了,畢竟語法不是人人都會的,我個人
而言我覺得blogger已經相當不錯了,但是就站在google而言,普及率,和市占率,
不就是搜尋引擎公司的所追求的,如果能夠增加使用及維護的便利性,那麼一來既
能夠滿足滿足行家也能夠便利玩家也能夠而且在全球這麼多人使用blogger或其
他相關的部落格的網站中,"留言板"似乎是最基本的需求喔!以上純屬個人意見,
不具任何意義....^^




《方法教學》
housing網友問到如何將留言版置入部落格裡, 這方法看似難, 說穿了其實很簡單,
文字教學只要四個步驟
1.建立一篇做為留言版的文章
2.內文部分貼上留言板的程式碼即可
3.關掉此篇文章的回應權限, 與上一頁連結按不允許
4.發佈文章後, 複製文章網址就大功告成