顯示具有 版面配置 標籤的文章。 顯示所有文章
顯示具有 版面配置 標籤的文章。 顯示所有文章

2010年11月21日 星期日

[網誌] 顯示讀者回應樓層數

timestamp

為了可以清楚看到這一篇文章的「樓層」數(因為已經蓋到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捲軸,如此一來就不會影響到原本的版型,或者是裁切到網誌中的圖片大小了,如下圖。

《網誌寬度即使視窗縮小仍維持在我設定的1024px,下方即出現可以移動的捲軸。》


很久很久以前就從無名跳過來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設定網誌的網址和密碼(以便之後後台管理使用之),然後在「安裝貼紙」的選項中,將其程式碼貼到網誌的邊欄、或是文章內頁中,就會自動的紀錄文章和網站的點閱次數了。(如下圖)

《我的網誌裡人氣最高的當然就是SONY NEX相關系列文啦!》


第四個就是 - 閃亮亮之全創作團體棉花糖 「再見王子」新專輯試聽機。

不知道各位有沒有發現網誌右欄又新增了新的歌曲試聽機,沒錯!就是近期我很喜歡的一個團體「棉花糖」,主唱是女生小球、吉他手兼製作人聖哲,清新溫暖的好聲音和各位分享。當然前幾篇已有專輯開箱文了。若網誌內也要加入「再見王子」試聽機,只要將下列語法貼在網誌中即可:

<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. 三萬零五百次的網頁刷新數

《Google Analytics 網頁分析管理系統》

這是一套非常好用的系統,可以知道有多少人來拜訪你的網站,以及可以發現自己哪一篇文章最受歡迎、最多人搜尋,所以,每篇網誌的標題就變得格外重要了。(只要是3C類產品的開箱文瀏覽次數都比較多XD)

今天晚上,順便整理一下文章的標籤(Lable),以及加入了一些Blogger套件;我可以說是有Blogger的時候就跳槽過來使用,起初還沒有太多套件工具,很多都是網友自行研發出來的;其實,這也是Blogger的特色,就是只要懂CSS、PHP、XML等語法,就可以自行任意的設計屬於自己的部落格。(你還在使用無名小站嗎?)而現在功能漸漸壯大,使用者也不需要懂網頁語法,依然可以輕鬆的貼圖設計、縮文排版。

今晚新增的套件工具和改變的版面配置,如下:

1. 每篇文章底下新增「反應」的按鈕選項
2. 每篇文章底下新增相關文章的連結
3. 更新首頁的配置與文章縮文的排版
4. 上方新增Google廣告列(Google Ads)
5. *新增單篇文章瀏覽次數計數器(尚未完成)

光弄這些就耗掉我整個晚上的時間了,也沒有研究出單篇文章計數器要怎麼用,故發表這篇紀念文,紀念我今晚網站的「重大更新」,以及網誌的「歷史上的今天」,三年來在網誌上的付出之辛苦耕耘的點點滴滴。


希望你們會喜歡。btw,我是Google控!

2009年8月21日 星期五

[改版] 網誌大改版

網誌原來的標頭

ANTONY'S WORLD
用我看得見的指尖,將你一身的華麗褪去。單純與善良是我一直追求的理想。

一直以來就覺得這個標頭很遜(還有一句是抄綺貞老師的XD),可是又想不到什麼好的中文字句,英文就更不用說了
剛好「後段流時代」的網誌創立,就順便把我一直以來辛苦建立的圖文天地換個新名字(累積至今已經有2百多篇了)

新的標頭
ANTONY'S PHOTOLOG & WRITING
TAKING THE PICTURES IN A MOMENT, I HARDLY LOOK FOR SOMETHING CONCERNING HAPPINESS.

很口語化的英文單字,只是想表達一種感覺給大家,希望能夠藉著我寫的每一字句,或者我拍攝的照片,帶給大家某種回憶和感動。純真、善良加上愛,那就是史上無與倫比的幸福了。


後段流時代 (Post-Antony),是我幾分鐘前創立的新網誌,個人從資訊工程轉換到社會科學,從程式設計跳脫到傳播理論,如此巨大的改變,真的可以稱的上「後段流時代」吧。我想要用一種全新的思維來看這個社會,不管從平面媒體、電視廣播到網際網路,將近兩個月所學的「傳播理論」運用在字裡行間,對於社會文化、時事議題能寫出自己的看法,「筆耕」是加強寫作能力的唯一途徑,一篇又一篇的練習,希望我也能夠寫出類似社論、讀者投書那樣子精闢的論述了。

新聞傳播研究所考試,當然不像考作業系統還是離散數學,對就是對,把答案寫出來就是了。而都是以往在大學時期比較少練習的申論題(還記得我選修[紀錄片美學]期末考全班最高分XD),「我對海角七號的看法」,給小學生寫也會寫,寫出來的和學者教授寫出來的當然全然不一樣了,所以我得慢慢培養「語感」,就跟打籃球需要「手感」一樣,唯有不斷的練習,方能成功啊!

2009年5月13日 星期三

[blogger] New Labels

稍微整理了一下Label的標題...

如果可以我也希望成為人氣部落客啊XD...

但是我的文字用句好像都很膚淺,內容又沒有什麼爆點,說故事的能力好像也退步了...

應該是畢業後的我,整天宅在家裡,昔日的熱情還有那源源不絕的熱血跑哪了...

我要爆氣了阿!!


Lables

  • 不專業影評 (20)
  • 不專業攝影 (24)
  • 不專業樂評 (9)
  • 哪裡有好吃 (7)
  • 圖文創作 (9)
  • 就是要熱血 (3)
  • 我混故我在 (60)
  • 有點感想 (40)
  • 版面配置 (4)
  • 蘇州流浪記 (10)
  • 資訊報馬仔 (4)
  • 轉載轉貼文 (5)
  • 阿宅天地 (2)
  • 2008年3月26日 星期三

    [部落] 無題

    政黨輪替,我in著潮流和趨勢,所以換了新的佈景主題,藍色系的色調,象徵著謙虛與改革,各位應該還能接受吧!

    至於背景音樂,我放了一首我很喜歡的歌,星光三中徐佳瑩創作中的未公開歌曲[原諒的代價],最近真的被他的音樂給著迷了,而且百聽不膩,大概是中毒了吧,希望你們也能喜歡。

    此外右下角多了一個計數器,可以看看每天有多少人光臨我的網站囉!只是用很簡單的語法,而且多按幾次重新整理就會增加,完全是自嗨的行為。

    (此部落格中所有的影音、圖片若有侵權,請來信告知 anthony836@gmail.com )

    2007年10月15日 星期一

    [LOGO] 練習曲

    今夜我終於看完電影練習曲

    裡頭有一句話深深烙印在我心裡

    「有些事現在不做,就一輩子都不會做了。」

    有感而發的利用以拉隨便地寫一寫字更改許久沒來的BLOGGER

    希望你們會喜歡

    2007年8月13日 星期一

    [Blogger] BLOG兩三事

    我有多久沒有寫文章了呢?我有多久沒有那份熱血的心了呢?

    下個學期決定把「創意與傳播學程」12學分給修完,以後就是「創意人」,我討厭寫程式!

    I Hate Programming!!

    未來會多多在這裡寫東西吧!!
    至少難過的時候會寫,不開心的時候會寫,吵架的時候會寫,一個人的時候會寫,反正只有我自己一個人看只有我自己一個人知道....哈哈!!

    2007年3月29日 星期四

    [blogger] 部落格第一篇

    慶祝開站喔!!

    轉眼之間,在一起八個月了呢!!加油加油!!為將來一起努力喔^^