2010年11月21日 星期日
[網誌] 顯示讀者回應樓層數
為了可以清楚看到這一篇文章的「樓層」數(因為已經蓋到30幾樓了XD),
特地去找了Blogger的語法教學,想辦法來顯示每篇文章的回應數。
Blogger真的是一個自由度很高的網誌,想要什麼功能或介面,
只要透過java script、HTML、CSS等語法就可以創造出來,
當然對於我這個假資工人來說能做到的也只會複製和貼上了。
所以,要感謝辛苦分享出來的這些高手們!
*回應樓層數顯示方法 by ABIN 教學請點
這樣以後就可以清楚看到
誰是頭香?誰是五樓了。
哈哈!!!!
2010年5月20日 星期四
[網誌] 網誌新增套件兩三事 part3
Blogger網誌,固定版型的寬度大小之教學與分享。
我一直想固定網誌內容中左右的寬度大小,因為原本版型的CSS中是預設的視窗大小隨著每個人電腦的解析度而不同;如此一來,每行的字數和整篇文章的排版,可能就會和我原來發表時的想法與文字的斷句會有所出入。所以,我想要將網誌固定在某一個特定大小,以我的電腦螢幕17吋、解析度為1280*1024為例,我將網誌寬度設定在1280px,即使是使用24吋螢幕的1920*1200解析度進來瀏覽,也不會改變版型,而是形成左右留白的視窗畫面。
昨天晚上我花了一段時間研究(差點趕不上今天早上約好的interview),拿兩款Blogger原本預設的不同樣式版型(一個是左右留白固定在中間的版型、另一個則是原來我網誌內的版型),研究其CSS不同之處並不斷的在我網誌上試驗(怎麼有一種在compiler的感覺),最終好不容易被我研究出來了,也在此分享給各位。
首先,在登入Blogger 的控制台後,進入「版面配置」的「修改HTML」,勾選「展開小裝置範本」,然後搜尋 body 會找到類似下面的這段CSS語法:
body {
background:$bgcolor;
margin:0px auto; //....將網誌內容置中
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: left; //....是用來設定文字對齊的屬性(以靠左對齊為例)
padding:15px; //....是用來作為同時設定四個邊留白的捷徑屬性(上下左右皆留白15px為例)
max-width: 1280px; //....看您要將網誌寬度固定在多少像素(以17-19吋螢幕最佳解析度1280px為例)
}
基本上,只要加入這四行CSS的語法,即可以固定網誌內容的寬度大小了。
再來,如果你擔心其他觀看網誌內容的人,其電腦螢幕解析度可能低於您設定的解析度,或者是將視窗縮小,就會發生網誌版型變形以及被裁切的可能(Blogger預設寬度好像是720px),這時候只要加入下列語法,即可解決這個問題了。
body {
background:$bgcolor;
margin:0px auto;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: left;
padding:15px;
min-width: 1024px;
max-width: 1280px;
behavior: expression(this.style.width=(document.documentElement.offsetWidth<1024)?"1024px":"100%");
}
和上述一樣在修改HTML中的 body 段落裡,加入這段語法,就可以將網誌的最小寬度設定在某一個像素,在當解析度較低或者縮小視窗的情況下,下方就會出現BAR捲軸,如此一來就不會影響到原本的版型,或者是裁切到網誌中的圖片大小了,如下圖。
很久很久以前就從無名跳過來Google Blogger使用了,無非就是乾淨清爽的介面,還有就是可以任意地自行設計網誌版型,如果懂得HTML和CSS更可以完全設計出屬於自己的網誌風格。關於這篇內容,如果有不清楚的地方,再請留言或者EMAIL告知,謝謝。
2010年5月19日 星期三
[網誌] 網誌新增套件兩三事 part2
第一個就是 - 「飼料燃燒器」FeedBurner。(部分文字引用Archer的呢喃角落)
起因,因為我會把網誌的文章同步到Facebook,我想讓更多的人注意到我網誌的內容,同時也能喜歡我網誌裡的文字,而FB是透過RSS的「全文輸出」發佈過去的;但是,就是因為它是自動「全文同步」,也許大家不用在連結到我網誌網址閱讀起來也很方便,可是往往轉過去的排版都會變得亂七八糟,斷句、斷行都變得不是我原本想要表達的意思,更重要的是,HTML的Table Tag都不吃,網址超連結、Youtube嵌入的影片也都消失了,還有圖片會自動縮放成FB版面大小,有時候甚至會自動「遺失」掉某幾張圖,把我原本想要表達出來的意境都被破壞了。
所以,基於以上種種缺點。我找到了這個方法,同時也是Archer大花了一整晚發現研究出來了,那就是用「FeedBurner」這項網路服務,可以將RSS改為「摘要輸出」,讓想看我文章的人導回我原本的網誌去看,可以享有舒服的版型介面,然而慢慢地瀏覽我網誌裡的文章和字句。
何謂「FeedBurner」?簡單來說,他可以「燒」出一個獨一無二的FeedBurner網址,然後可以直接用在RSS訂閱上。
(如我申請的網址:http://feeds.feedburner.com/blogger/anthony836)
首先,先到FeedBurner填入Google帳號密碼很快的就申請好了(沒錯,Google悄悄地也把這項服務收購啦!!)。然後,將FeedBurner的「Original Feed」處填原來的 http://你的Blog網址/feeds/posts/default 路徑卻可以達到進階的「摘要輸出」的效果;另外,可自己設定自己的FeedBurner網址。(操作如上圖)
再來,點選「Optimize」分頁→點選左下方的「Summary Burner」→在此處填寫你想要節錄的字元數(本例是填入300字)→在此處填寫你想要在每篇摘要文章提示的字(本例是填入[Read More...])→按「Save」存檔即可。(操作如上圖)
然後就可以經由你自訂的FeedBurner網址,看你「燒」出來的RSS了,原先希望[Read More...]可以自帶超連結Link到該篇文章的,但是FeedBurner不支援HTML語法,只能很殘念的作罷了,只留下網誌網址的遺骸。
最後,更改Blogger內設定裡的「張貼資訊提供重新導向網址」,再回到Facebook的網誌RSS訂閱的網址更改成你自訂的FeedBurner網址,就大功告成啦!完整步驟操作請至Archer大網站 請點。
工商服務時間:就是各位如需訂閱我的網誌,只要在各大Reader閱讀器中把
http://feeds.feedburner.com/blogger/anthony836 輸入進去即可囉^^
天啊!沒有想到第一個就講了這麼多,再來幾個就草草帶過吧!
第二個就是 - 線上訪客人數的統計。
只要到Whos.amung.us這個網站中取得程式代碼(免登入、免註冊),然後簡單地將這段CODE複製在網頁中,它就能隨時自動更新現在有多少人正在瀏覽你網誌了,相當地方便又好用。
第三個就是 - MyHotPost網頁計數器 (Since 14 May 2010)。
這不就是我之前研究很久的「點閱率」服務嗎?因為我想知道網誌中哪一篇文章最受歡迎與喜愛(通常還是3C類,因為都GOOGLE的到XD)。原本的Counter只能記錄總網站的流量和來訪數,但每篇文章詳細的點閱次數並沒有紀錄,所以,找到了MyHotPost這樣網路服務,一樣是免登入、免註冊,相當方便。
首先,先到MyHotPost設定網誌的網址和密碼(以便之後後台管理使用之),然後在「安裝貼紙」的選項中,將其程式碼貼到網誌的邊欄、或是文章內頁中,就會自動的紀錄文章和網站的點閱次數了。(如下圖)
第四個就是 - 閃亮亮之全創作團體棉花糖 「再見王子」新專輯試聽機。
不知道各位有沒有發現網誌右欄又新增了新的歌曲試聽機,沒錯!就是近期我很喜歡的一個團體「棉花糖」,主唱是女生小球、吉他手兼製作人聖哲,清新溫暖的好聲音和各位分享。當然前幾篇已有專輯開箱文了。若網誌內也要加入「再見王子」試聽機,只要將下列語法貼在網誌中即可:
<embed FlashVars="playlist=http://www.inmusic.com.tw/in/promote/blogmusic/katncandix2/mp3player.xml" width="180" height="480" src="http://www.inmusic.com.tw/in/promote/blogmusic/katncandix2/mp3player.swf" autostart=false type="application/x-shockwave-flash">
棉花糖這張專輯真的很棒,十首都好聽,而且我好喜歡小球的詞,溫暖 勇敢 夢想。
《後語》
這兩天比較忙好不容易抽出一點空硬擠出來寫文,其實很早之前就想寫了
一個人興趣太廣、太多,有時候也不太好
就像我要follow 相機、筆電、NBA、MLB、綺貞、棉花糖
還要看完每天一直不斷有更新的撲浪和臉書
天啊!我這麼會網路中毒這麼深.....
2010年5月7日 星期五
[網誌] 網誌新增套件兩三事 part1
最近,我的Blogger網誌新增了幾個套件,不知道大家有沒有發現呢?
第一個,已經用了好幾天了,就是每篇文章底下加了FaceBook的「讚」按鈕;當覺得不錯的文章只要按下讚之後,就可以同步發佈到你的FB塗鴉牆上,分享給你的親朋好友,而且完整的文章名稱也會顯示在FB上,是不是相當方便呢?
任何人一點點的鼓勵或推文,都是文字創作者心中最大最非凡的意義唷!
「吃果子拜樹頭」,這麼好用的功能,是厲害的程式魔人Archer大製作(他不喜歡寫程式,但程式功力依舊很厲害),雖然只是用簡單的javascript修改而成,但我就不會啦!至今我也是只會HTML還有簡單的CSS罷了。若你也想新增在自己的網誌上,一步一步的完整教學 請點。
第二個,也是用了好幾天了,就是每篇文章最後新增「您或許對這些文章有興趣:」的widget。它會自動的搜尋網誌裡的相關類似的文章,一方面增加文章的點閱率,同時也可以讓人順便看看其他的文章;不過我覺得列出來的文章總是很「隨機」,往往列出來文章和本文沒啥關連,要不然就是看label或target分類。
有時候還會跑出陳年已久的文章,看了都會覺得那時候的自己怎麼會寫出這樣的文章....
至於如何套用嘛,這就簡單多了,只要登入「LinkWithin」的官網去填一填資料,馬上就有一段程式碼可以貼了,網誌中新增一個語法套件把程式碼貼進去,然後放在文章版型的下方即可。
第三個,是首頁文章上方的文章分類,即所謂的「標籤雲」;讓大家可以清楚地點選每項分類的文章內容。這是利用blogger原來的label設計而成的,我也是套用網路上有人寫好的程式碼,然後改改自己要的字型大小、顏色等,再複製貼上即可,完整教學也在此 請點。
網誌介面外觀忠於簡單、樸實,且誠摯的文字內容。
其實,對於網誌版型和套件,個人是忠於簡單、樸實為主要的概念,就像我的個性一般,單純且誠摯;我不喜歡太過於花俏或者五顏六色的外觀介面,也不喜歡首頁就貼一大堆的照片或者嵌入播放音樂,這樣會搞的很雜,而且也會拖累整個網誌loading的速度。所以,加幾個比較常用、好用的套件,然後表達出更好的文字內容與攝影作品,才是最重要的!
2010年4月27日 星期二
[歷史] 網站開站至今的第1123天
部落格開站至今,三年來的時間,總共累積了三百六十四篇文章,而我將會繼續寫下去......
從無名小站跳過來Google Blogger的第一篇文章,是在2007年的3月,三年多來的時間沈澱與累積,在每個寂寥的夜晚,聽著音樂敲打著鍵盤,從原本只是自己與自己對話,漸漸地我開始會向讀者說話,向每個經過我網站瀏覽的人說話,分享出心中的愛與希望。這三年來歷經許多磨練與困難,心境上成長許多,熱戀與失戀、畢業與當兵、讀書與工作,回過頭來看自己寫過的文章或者日誌,才會發現「啊!原來當時的自己怎麼那麼笨啊!」,抑或「原來我曾經也是有瘋狂過的。」;我想寫日記最大的樂趣就在這裡吧!每個人總希望在老了時候,能有點東西來回憶與懷念,或許也是一種自己曾經呼吸存在的證明。
歷史上的今天,關於安東尼 / 段流的部落格 (http://antonylin.blogspot.com) :
1. 開站至今的第一千一百二十三天
2. 總共三百六十四篇文章
3. 十個追蹤者訂閱網誌
4. 四千四百九十六次瀏覽量
5. 三萬零五百次的網頁刷新數
這是一套非常好用的系統,可以知道有多少人來拜訪你的網站,以及可以發現自己哪一篇文章最受歡迎、最多人搜尋,所以,每篇網誌的標題就變得格外重要了。(只要是3C類產品的開箱文瀏覽次數都比較多XD)
今天晚上,順便整理一下文章的標籤(Lable),以及加入了一些Blogger套件;我可以說是有Blogger的時候就跳槽過來使用,起初還沒有太多套件工具,很多都是網友自行研發出來的;其實,這也是Blogger的特色,就是只要懂CSS、PHP、XML等語法,就可以自行任意的設計屬於自己的部落格。(你還在使用無名小站嗎?)而現在功能漸漸壯大,使用者也不需要懂網頁語法,依然可以輕鬆的貼圖設計、縮文排版。
今晚新增的套件工具和改變的版面配置,如下:
1. 每篇文章底下新增「反應」的按鈕選項
2. 每篇文章底下新增相關文章的連結
3. 更新首頁的配置與文章縮文的排版
4. 上方新增Google廣告列(Google Ads)
5. *新增單篇文章瀏覽次數計數器(尚未完成)
光弄這些就耗掉我整個晚上的時間了,也沒有研究出單篇文章計數器要怎麼用,故發表這篇紀念文,紀念我今晚網站的「重大更新」,以及網誌的「歷史上的今天」,三年來在網誌上的付出之辛苦耕耘的點點滴滴。
希望你們會喜歡。btw,我是Google控!
2009年8月21日 星期五
[改版] 網誌大改版
網誌原來的標頭
一直以來就覺得這個標頭很遜(還有一句是抄綺貞老師的XD),可是又想不到什麼好的中文字句,英文就更不用說了
剛好「後段流時代」的網誌創立,就順便把我一直以來辛苦建立的圖文天地換個新名字(累積至今已經有2百多篇了)
很口語化的英文單字,只是想表達一種感覺給大家,希望能夠藉著我寫的每一字句,或者我拍攝的照片,帶給大家某種回憶和感動。純真、善良加上愛,那就是史上無與倫比的幸福了。
2009年5月13日 星期三
2008年3月26日 星期三
[部落] 無題
政黨輪替,我in著潮流和趨勢,所以換了新的佈景主題,藍色系的色調,象徵著謙虛與改革,各位應該還能接受吧!
至於背景音樂,我放了一首我很喜歡的歌,星光三中徐佳瑩創作中的未公開歌曲[原諒的代價],最近真的被他的音樂給著迷了,而且百聽不膩,大概是中毒了吧,希望你們也能喜歡。
此外右下角多了一個計數器,可以看看每天有多少人光臨我的網站囉!只是用很簡單的語法,而且多按幾次重新整理就會增加,完全是自嗨的行為。
(此部落格中所有的影音、圖片若有侵權,請來信告知 anthony836@gmail.com )
2007年10月15日 星期一
2007年8月13日 星期一
[Blogger] BLOG兩三事
我有多久沒有寫文章了呢?我有多久沒有那份熱血的心了呢?
下個學期決定把「創意與傳播學程」12學分給修完,以後就是「創意人」,我討厭寫程式!
I Hate Programming!!
未來會多多在這裡寫東西吧!!
至少難過的時候會寫,不開心的時候會寫,吵架的時候會寫,一個人的時候會寫,反正只有我自己一個人看只有我自己一個人知道....哈哈!!






