最近發現一個好玩的東西,如果有玩無名的網友多多少少應該都知道。
就是「
站長工具」,雖然用在巴哈沒辦法享有全部的功能,但是我想這足夠有趣了,
因為只需要設定個圖片它就會開始幫自己統計,也許比小屋的流量來得有趣且又不太會占畫面。
例如,如語因此知道,原來我家這破破的CSS小屋設計也有人會偷看內碼,
它連人家複製貼上網址欄位來觀看資料都順便記錄了,或是…
也有金門、香港地區的網友跑來看我的小屋……這挺有趣的。
((哈~真承蒙好奇的人看得起小屋部分CSS的設定啊ˊˇˋ
((雖然也不是沒公開,因為就是前一篇發文嘛
還有單日流量等等,好奇的網友可以玩玩看去發覺有趣的地方XD
就像如語這篇文章發表後8點那時人忽然很多……倒
稍微有點不方便的是,它連站長執行功能也記錄了,所以某方面來說人氣並不是很準,
呵呵,無所謂,好奇就試試看吧。
設定好統計的資料,複製完便圖的網址,記得加到CSS語法中任何一處的圖片設定上,
大致上是從你儲存設定好小圖後,就開始記錄了。
PS 怪的是──明明我家在林口台地,來源地區竟然是顯示台北市。((思
參考圖:
不會設定的話請參考後述的步驟:
1、沒有奇摩會員的話先註冊一個來用吧,接著點選「統計工具」→畫面中的「建立新統計」
2、輸入欄位資料
3、點選「取得原始碼」,然後準備複製連接圖網址
4、複製圖片網址,因為巴哈不支援它所提供的任何方法,因此我們手動來。
5、知道圖片網址後,建議貼到CSS自訂版面中的任何DIV設定背景或是banner中。
(【小屋首頁】→【屋主:佈置小屋】→【佈置小屋:自訂CSS】)
6、參考設定,記得把背景圖的圖片不重複放上去。
(0)設定語法說明(css設定注意事項請見文末)
background-color:transparent;
◇背景-顏色,設定:透明
background-image:url(http://);
◇背景-圖,設定:()間請放上圖片的網址
background-position :100% 100%;
◇背景圖-位置,座標(X,-Y)方向%數(兩數值間請空半型小格),
設定:100% 100% 為右下角。
background-repeat:no-repeat;
◇背景圖片-重複,設定:不重複排列
(1)設定在任何DIV,這邊以全頁的DIV為範例。
DIV.container {
background-color:transparent;
background-image:url(http://複製下來的圖片網址);
background-position :100% 100%;
background-repeat:no-repeat;
}
(2)設定在小屋橫幅
.banner{
background-color:transparent;
background-image:url(http://複製下來的圖片網址);
background-position :100% 100%;
background-repeat:no-repeat;
}/*橫幅主圖*/
(3)注意事項<細部修改說明>
◆ 無論你選擇放在前述哪一項「{}」之中,請記得先做確認的程序,
除非你確定你的語法沒有它,才直接複製貼上到自訂語法最上或最下。
a. 請善用網頁搜尋功能,CTRL+F鍵
(或視窗上【編輯】→【尋找這個畫面的資料… Ctrl+F】)
b. 開啟搜尋功能,在欄位輸入 DIV. 或是 .banner
再按確定鍵(Enter),確認它或它在不在你的語法中,
在的話請把本文「{」到「}」間的設定貼到你找到的位置,
.container 或是 .banner 的「{」到「}」間
◆ 基本上,只要是套用有修改中間背景像如語家這樣,都有「DIV.」
中間背景設定後位置,可以參考部落格進階的自訂CSS的中間背景設定。
EX 巴哈預設粉紫,你可能會在自訂CSS中搜尋到這樣的內容:
DIV.main {
BACKGROUND: none transparent scroll repeat 0% 0%
}
Sol 請套用成本文所說的樣子,並將你的流量圖網址貼上
DIV.main {
background-color:transparent;
background-image:url(http://複製下來的圖片網址);
background-position :100% 100%;
background-repeat:no-repeat;
}
◆ 原則上,只要你家有小屋橫幅,顯示你暱稱/帳號和勳章等等的欄位,一定有「.banner」
EX 巴哈預設粉紫,你可能會在自訂CSS中搜尋到這樣的內容:
.banner {
PADDING-LEFT: 20px;
BACKGROUND: url(http://pic.bahamut.com.tw/home/theme/0000378/banner.gif); PADDING-TOP: 15px; HEIGHT: 120px
}
Sol 請套用成本文所說的樣子,並將你的流量圖網址貼上
.banner{
PADDING-LEFT: 20px;
background-color:transparent;
background-image:url(http://複製下來的圖片網址);
background-position :100% 100%;
background-repeat:no-repeat;
PADDING-TOP: 15px; HEIGHT: 120px
}/*橫幅主圖*/