[Blogger] 利用CSS讓Youtube影片在不同螢幕大小顯示適當的播放尺寸

很多人會在自己的網站上分享Youtube的影片,而在分享的時候,如果影片尺寸設的很大,那麼可能訪客在手機上看到的影片就會超出螢幕範圍,反過來說,若影片尺寸設的過小,那麼在桌機版上就顯得不夠清楚,用來解決這個問題的方法通常是會採用RWD的網頁設計,這樣就可以根據不同的尺寸螢幕做出適當的調整

根據我的經驗來看,目前很多的Templates其實都已經支援RWD設計,話雖如此,但必需要注意這些RWD設計的範本不一定對「影片」有做良好的設計,換句話說,它可能可以滿足「網頁」RWD的規範,但影片部分卻還是一如往常,沒有做進一步的做優化,所以很有可能在手機上看到的Youtube影片還是會超過螢幕,若你所用的Blogger範本也有此種問題,那麼可以參考以下的程式碼來解決

Read more

[教學] Open Live Writer § 如何找回文章標籤的功能?

最近部落圈有一個消息還蠻值得大家關注的,那就是原本微軟的Windows Live Writer (WLW)已經正式改為開源軟體「Open Live Writer」,簡稱為OLW,而它的介面幾乎是和原本的WLW一樣的,也支援了各大平台的部落格系統,例如WordPress、Blogger、TypePad、Pixnet痞客邦等,凡是使用XML-RPC協定的分可,只不過目前還沒有中文的語系,但是初版釋出時,使用Blogger的用戶應該會發現是無法使用的,會造成無法登入的情況,其實這是因為那時候OLW還不支援OAuth 2這個機制,才會有這個情況,如果現在你到OLW官網去下載新版本(v0.5.1.2),會發現Blogger登入這個問題已經解決了,只是還洐生了一個問題:就是怎麼標籤的設置不見了?沒錯,就像上圖一樣,Blogger的用戶只看的見日期的設置,原本的文章標籤不見了,這對寫文章的人真的很不方便,所以上網找到了解決方式,各位可以參考一下。

網址:Open Live Writer 官方網站Nightly版本下載

版本0.5.1.4:已經修正文章標籤及分頁符號的問題

Read more

[Blogger] Social Content Locker § 讓訪客按讚、加1或推文後才可看隱藏內容

如果你是一位站長,是否否經有遇到過你寫了一篇很有價值的文章,或者有些重要的檔案供讀者下載,但總是引不起共鳴,幫忙分享、按讚的、加1的訪客沒有幾個,的確,這樣真的會讓站長感到點的沮喪,畢竟站長也沒有義務要提供這些資訊給他人,沒有功勞也有苦勞嘛,所以大家應該也曾遇到過,有些文章是你要按讚後你才可以看到內容的,無疑的,若內容很吸引人,那麼你的按讚或加1數會大增,但這也容易引起訪客的反感,因為對讀者來說實在不方便,網路上也有很多人在討論怎麼破解這種的情況,問一下Google就有很多答案了(Chrome外掛比較出名的是「Anti-force LikeI don’t like it」),我在此就不多做說明,因此,這種按讚才能觀看內容的功能到底是好或壞,我覺得應該是看從哪一種角度來切入,撇開這些爭議不談,本文這次要分享的功能就是可以把內容隱藏起來,在「正常」非破解的情況下,需要按讚、加1或推文至Twitter後才能觀看內容的功能,但是這個介面美觀多了,而且還蠻有質感的。

參考資料:How To Create a Social Content Locker in Blogger BlogSpot

網址:實際的效果展示 (建議你實際玩玩看)

Read more

[Blogger] Flare 可客製化樣式的社群分享按鈕,還可指定要在哪些頁面出現 (WordPress可用)

FILAMENT家的「Flare」,是除了AddthisShareaholic之外,我個人還蠻喜歡的一個社群按鈕分享服務,也不是說它的功能特別強,或者支援的社群網站特別多,就一個簡單的原因:我覺得它們家的按鈕還蠻漂亮的,而且在按鈕旁是可以顯示數字的,並且可以客製化顏色、圓角、背景色等樣式,別以為每一家提供這類的服務的網站都會提供這些數字喔,有些是要付費版本才提供的,大家可以參考上圖來大約看一下感覺,Flare還有一個最強的地方,就是它可以指定按鈕要出現在哪些地方,看是要出現在全部的網頁中、單頁、或者某些頁面,都可以透過它提供的Filter來設定。

網址:Flare 社群分享按鈕服務官方DemoFlare WordPress Plugin

Read more

[Blogger] Shareaholic 社群網站分享按鈕教學,支援浮動式按鈕

一般若提到社群網站的分享按鈕,有在使用的人可能會先聯想到「Addthis」,的確,它是個很不錯的服務,但由於介紹Addthis的人比較多,所以決定先介紹另外一個我覺得也很讚的「Shareaholic」。像Addthis和Shareaholic這種服務,支援基本的Facebook、Google+、EMail等必備社群都是沒問題的,但對台灣的用戶來說,有個好處是它們都支援「Plurk」,這也是我覺得比其他同類的分享按鈕服務強的地方,雖然還有其他特色可以比較,但我覺得不用自行修改語法就可以支援我想要分享的社群網站,那不是更好嗎?而且Shareaholic還有社群訪客分析的功能喔!

網址:Shareaholic會員註冊Shareaholic WordPress 外掛

Read more

[教學] Blogger Random Posts 隨機文章功能三分鐘上手

在Blogger中,官方已經提供了「熱門文章」的小工具可以直接套用,而「相關文章」我覺得用「LinkWithin」相對來說是比較簡單的,這二項應該算是常常被套用到網誌的功能之一,但還有一種「隨機文章」是我覺得可以好好利用的,因為這可以讓一些舊文隨機的呈現給訪客,無形中這亦可以減少訪客的跳出率,讓讀者可以多留點時間在網站上。談到隨機文章,我個人比較慣用「The Best Random Posts Widget For Blogger Blogs」中的語法,因為非常容易的使用,幾乎不需要修改就可以套用。

推薦文章:WordPress中如何免外掛就可實現隨機文章的功能

Read more

[靖技場] 由Blogger/Blogspot搬家到WordPress,附參考文章與搬家心得

今天進入我網站的讀者,應該會發現我的佈景換了,再仔細看的話會了解我已經正式將網站由Blogger/Blogspot平台搬到Wordpress,為何這麼做呢?雖然以前就很想要架站,但一直沒有明顯的動機,然而由於在上個月發現了Yahoo/Bing的搜尋引擎對於Blogspot的文章相當的不友善,導致整個流量降低了不少,當然廣告的收入也隨之降低,後來認真的換算下來,其實損失的廣告費應足可支付租用主機費用,所以繼在GoDaddy購買網域後,決定一股作氣租用主機、搬到Wordpress平台。

Read more

[教學] 如何在Blogger/Blogspot中自訂網域,含GoDaddy CNAME設定

    

由於這次的GoDaddy的優惠活動很吸引我,所以就在昨天購買了自己的網域,還不知道如何購買的人可以參考「如何在GoDaddy.com中購買網域/專屬網址」一文,那有了專屬網域後接下來就是將Blogger中的網址轉到自己的網域囉,過程也是頗為簡單,不需要被一些專有名詞所困擾,遇到問題解問題就是了,我會在文中儘量用圖文表示,一步一步的告訴各位如何操作,應該對初學者有所幫助,那麼就開始進入正題,教導各位如何在Blogspot的後台設定網域囉。

Read more

[Blogger] 如何在文章側邊加入浮動式的社群網站分享按鈕

前幾天介紹了如何在Blogger網誌中加入浮動式的Facebook粉絲框,今天繼續介紹另一個也很常見的浮動式社群按鈕,要達到這種效果Google一下就非常的多了,而我同樣也選出一個比較方便套用的語法給大家參考,這語法的原始出處是來自於「BloggerSentral」,別被這語法給嚇到,其實要套用時一點也不複雜,只要依照本文的說明進行即可,呈現的效果可參考下圖或至我的Demo網站實際觀看

推薦閱讀:[Blogger] 在網頁側邊加入浮動式Facebook粉絲團外掛Widget,三分鐘搞定

Read more

[Blogger] 如何在非官方的樣板中啟用Google+的留言板系統

昨天Google推出了Blogger新功能,可以將Google+ Comment整合到部落格的系統中,這個新的功能其實還蠻受到許多的格主喜愛的,當然,你也可以聞到Google和Facebook的火藥味。先撇開這個不談,有些格主應該會發現即使啟用了Google+的留言系統,但在部落格中卻無法呈現出來,這通常是因為格主用了非官方的樣板,或者在將方樣板中有修改過一些內容,不過解決的方式也很簡單,請參考以下的說明吧。

網址:Google+ Comment FAQ

Read more