改版面哩…順便備分常用工具作法


又改了版面,原本的雖然很喜歡,但是看久了有點刺眼XD
所以就上了常去了版面網站-BTemplates找喜歡的新版面。
(每次逛個網站就會換一次版面,超上火的!)
所以就改成現在這個囉~有點秋天的感覺!?
意外的和Are you Alice的封面很合XDDD

不過改版面最麻煩的就在-小工具都要重設。
對於我這個網頁語言白痴來說實在是很恐怖的一件事…
所以趁個機會來做個手動備分,把常用的工具作法都寫起來吧。

1.counter

現在用的counter,是Amazing Counter所提供的。
因為我本人要求不多,所以以簡單方便為主,就選上他了。
使用方法超簡單,只要註冊帳號登入後,照個步驟一步步走就可以得到html碼。
blogger用的是xhtml碼,所以就把那個對話框裡的程式碼複製起來
之後把這段html碼貼到blogger的小工具裏就可以啦~

2.最新回應/文章

這是最簡單的
在blogger新增小工具那邊,找到資訊提供這個選項。
網頁會要求你輸入一個網址作為資料的來源。
如果輸入的是 http://你的網誌網址./feeds/comments/default
就是最新回應。
在抓到資料之後,還可以變更一些設定,像是要不要顯示留言人的名字,還有留言時間之類的。
如果改輸入成http://你的網誌網址/feeds/posts/default
就是最新文章。

3.標籤雲

最麻煩的地方來了…
一般來說做標籤雲的方式有兩種。
第一種是像夜靈這裏寫的【Label Cloud 你個人的標籤雲】
用CSS的方法來放上標籤雲。
不過因為我看不懂,所以開始找更簡單易懂的方式。
在廣大的網海上找著找著,就找到了放形浪High裡的三步驟把blogger的標籤,改造成標籤雲(Tag Cloud)

這篇文章真是讚到不行!
完全是連猴子也可以輕鬆上手的標籤雲教學啊!!
首先,到版面配置的修改HTML。
在顏色的配置方面,推薦一個很好用的小工具-colorspy
這個小工具可以顯示出你滑鼠所指到的顏色碼,不管是HEX還是RGB都可以!
真是制作網頁的必備良方阿~

最後一段程式碼取代的地方,不是只取代掉那行就好。
連原本自己家的程式碼重複的地方都要取代掉,不然會發生錯誤。
這邊讓我吃過很多次的鱉XD

Blogger真是越玩越好玩阿~



p.s 手賤搞了把日期變成月曆的樣子…結果搞跟之後得繼續閱讀功能衝突。
       只要有繼續閱讀我的網誌就沒日期顯示,有日期顯示就沒有繼續閱讀…
       我真是阿呆啊啊啊啊啊!!

留言

這個網誌中的熱門文章

浴血黑幫第二季總回顧(Peaky blinders S02 review)

浴血黑幫第四季總回顧(Peaky blinders S04 review)

期望越高,失望越大:碳變(Altered Carbon)