2008年1月27日 星期日

提高部落格的黏著度

文章漸漸多了之後,大家點選的通常是最近的新文章,或是排行榜的前幾名,其實有許多好文章隨著時間的流逝,而漸漸被淹沒,其實很多寫到有關部落格經營的方法中,有提到一點,就是要加強網友的粘著性,讓他在你的BLOG上多停留一會,而不是看了一篇文章就走人的臨時過客,當然當你的文章有內容有深度,提供許多網友想看的資訊,大家就會常常回過頭來看看,是否又有什麼新文章,但是卻常常忽略舊有文章的可看性,所以格主要經營一個BLOG,提高你舊有文章的可見度是很重要的。

我自己的經驗和實際操作的方法就是,
1、每篇文章後面會加上相關文章的列表。
2、利用Spotplex列出點閱排行榜,了解什麼樣的文章是網友想看的。
3、置頂處加上重點文章或是最新消息公佈欄,這我有用在我另一個網站。
4、在文章中儘量提到先前已創作的文章,並加上超連結,讓網友可直接點選。
5、利用導覽列標籤,列出相同類別的文章,讓網友索引更方便,像我網站上的Blogger TemplatesBlogger Tips
6、最後一個就是隨機文章,可以把你的陳年舊文給挖出來,其實網路上有好幾篇介紹這樣的工具,目前覺得Blog Stir是最方便的。

以上這些都是我目前在使用的,也有在別的Blog看到有「歷史上的今天」,也是不錯的,不過還沒找到方法,而且我的blog還年輕,沒有什麼歷史可言,或是用輪播的方式顯示特定標籤文章,像有的網友每個月都會製作每月排行榜,也是種方式,視自己的版面及需求,彈性的運用即可。

隨機文章產生器---Blog Stir

Blog Stir網站

這網站是屬於widgetbox裡的blog工具,不用註冊就可以使用,如果想註冊也是可以,註冊後可以在網站裡挖寶,製作屬於自己的widget專區,或是你也可以設計widget放到網站上供人利用,類似Google的小工具之類的,如果沒有註冊,每次跑出程式碼時都會提醒你要註冊,關閉小視窗即可。

在Widget Settings,填上寬度、高度、網址,Show Snippets(是否顯示文章一部分),選擇否,設好背景顏色,其中Name填了也沒作用,Keyword則是要填英文,所以建議不填,空白即可,他就會從全部的文章中隨意抓取,

按下Get Widget,會出現小視窗,

問你要將工具放在哪裡,建議點選Get Widget Code,如果選擇其他直接貼到blogger上,會要求你輸入帳號及密碼


,按下後就會產生程式碼,在將它放到適當的地方即可。
顯示的畫面如下

用這個工具就可以讓你的每篇文章都有出頭天的機會,而不會被新文章越壓越悶了。

2008.4.28更新
如何產生隨機文章---B Stir
這工具可以一次顯示5篇文章輪播。

2008年1月23日 星期三

RSS輸出與YOUTUBE結合---FeedWind

上次介紹Rss工具,顯示最新文章或回應---FeedWind,可以顯示你的最新文章及回應,試用到現在覺得很滿意,更新速度及顯示速度都很快,也不會像有些工具會拖慢網頁載入的速度,只是有時候主機會抓不到而顯示錯誤的訊息,是小小的缺點。

最近仔細看了他的網頁說明,這個工具也可以用來顯示YOUTUBE的影片,雖然在BLOGGER後台也是有這個設定,稱為視訊列,功能也不錯,但是只能以固定的模式顯示(四個影片,播放模式以pop-up的型態顯示),而不能修改一些介面的設定,就是沒有顯示css程式碼來讓你修改,而用FeedWind,則可以控制自己要顯示的影片數量,高度越高則顯示的影片約多,最重要的是直接可以在畫面上播放。

FeedWind官網

設定:高度設480px左右(如果只有一行標題),約3個影片,寬度大概固定160px,如果看不懂的可以參照我上次的教學,這裡有一項比較重要的就是要設定youtube播放器,如下圖:


RSS設定如下,
http://www.youtube.com/rss/tag/關鍵詞.rss

譬如最近很火紅的韓劇,咖啡王子一號店,就設成
http://www.youtube.com/rss/tag/咖啡王子.rss 類似如此

如果有第二個tag,則在後面加上 + (半形),來作索引
例如:http://www.youtube.com/rss/tag/星光大道+林宥嘉.rss

tag可以自訂,星光大道、楊宗緯、星光四少、大悶鍋、康熙來了等等,看你想看什麼就設什麼,很方便,一邊看文章一邊聽歌也蠻不錯的。

如果放在邊欄覺得太長,則可套用前一篇製作有上下捲軸的公佈欄,作彈性的運用,控制自己版面的排版,畢竟blogger的好處就是自由,想放什麼就放什麼,覺得累贅的就刪掉,其實久了以後我想很多人都不想再搬到其他BSP了。

2008年1月14日 星期一

製作有上下捲軸的公佈欄

最近在另一個網站加上了重點資訊,類似佈告欄的方式呈現,就是設定一個框框,將最新的旅遊資訊置頂表示,重點是我只要一個固定大小的格式,就算資訊多,也可以在旁邊出現捲軸讓你上下拉,可以看到所有的訊息,就像下面這樣,或是你也可以參考我的網站-東京封印


語法大概像以下這樣,你可以自行變化,
<div style="border:2px solid #1AC300;background-color:#ffffcc;padding:5px;height:160px; width:95%; overflow:auto;">
重要資訊內容
</div>

‧div:設定一個區塊。
‧style:設定樣式,每個定義請以分號 ; 隔開。
‧border:框線,你也可以設成border-top或是border-bottom,只要上框或是下框,沒有註明的話,就是四邊都有框。
‧height:框框的高度,可以自由控制高度。譬如你想介紹書本,放在邊欄,再多的書本也不會佔去版面太多空間,讀者可以上下拉bar來瀏覽。
‧width:百分比,因為通常我們的邊欄寬度是固定的,所以就用百分比比較方便,如果要用固定的px也是可以的。
‧background-color:背景顏色,或者你也可以加上背景圖案background-image:url(“圖片網址”);表示。
‧padding:文字與框框的距離,也是可以設padding-top或是padding-left等等。
‧overflow:auto; 這個是設定捲軸出現與否,有大過高度的資料就會出現捲軸,沒有大過高度就不會出現捲軸,有四種設定auto:自動捲軸、visible:沒有捲軸、hidden:隱藏捲軸、scroll:強迫捲軸。

簡單的介紹到這裡,如果想知道有關捲軸的語法可以參考下列網站,有很詳細的說明。
參考網站:
真夏の星夜™: 簡單使用讓文章加上捲軸