創作內容

2 GP

好玩的工具:讓你知道你的訪客都在看哪些頁面(03/25增細部修改說明

作者:莉薇婭莞夢│2009-03-24 19:32:42│巴幣:0│人氣:1136
  最近發現一個好玩的東西,如果有玩無名的網友多多少少應該都知道。
  就是「站長工具」,雖然用在巴哈沒辦法享有全部的功能,但是我想這足夠有趣了,
  因為只需要設定個圖片它就會開始幫自己統計,也許比小屋的流量來得有趣且又不太會占畫面。
  例如,如語因此知道,原來我家這破破的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
    }/*橫幅主圖*/
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=953557
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|流量統計|訪客瀏覽|來自何處|CSS|

留言共 7 篇留言

°×糖伊×°
我是知道這東西 不過沒在用..
沒想過用在部落格上說>///<

我是個好奇寶寶 是蠻想知道來我小屋的有哪些人>///<
不過有點懶的用= =

03-24 19:34

莉薇婭莞夢
就複製圖片網址 把背景圖設定一下 其實做起來還挺快的XD
發現它可以看訪客都在看哪些文章 真的很好玩
呵呵03-24 19:40
——
>6、參考設定,記得把背景圖的圖片不重複放上去。
這句是什麼意思?
我用預設主題,不會用!

03-24 20:18

莉薇婭莞夢
預設主題也一樣唷 請利用CTRL+F打開搜尋功能
‧搜尋關鍵字「DIV.container」或是「.banner」
‧再本文說的設定(「{」到「}」)
 貼到你搜尋到的「DIV.container」(或是「.banner」)
 的「{}」之間
‧接著把圖片網址改成自己的就可以了03-24 20:34
——
小屋F5幾次才看到,上一篇可以刪了,不好意思麻煩你了!

03-24 20:31

莉薇婭莞夢
不客氣@ˇ@
結果我好像回應錯方向XD

問題有解決就好ˊˇˋ03-24 20:35
米兒軒絲
挺有趣的,可是我怕有點小麻煩XD

03-24 21:00

莉薇婭莞夢
老話一句 麻煩不會
只是把背景圖的網址貼上流量圖的網址而已XD

然後就可以在專屬頁面上看自己的網頁有哪些地區的網友03-24 21:20
——
預設的沒有DIV.container。
.banner這個我還是不知道改哪個?我很笨- -
最後我是把你的上面的語法直接放最下面,然後貼上就好了。

03-24 21:05

莉薇婭莞夢
呵呵~成功就好嚕XD
記得把圖片改成你自己的喔 不然會無法統計03-24 21:19
111
放是放好了,不過統計一直都沒數字(都是0),我自己看也沒有數字@@

03-24 23:11

莉薇婭莞夢
今天看也是一樣嗎@_@?
把不重複圖片的語法放上去會不會正常顯示,試試看吧@ˇ@

((難得兔兔家用預設版面~ˇ~A...((如語用IE瀏覽的03-25 07:26
莉薇婭莞夢
  呃,抱歉偷看您家的語法,我以為您會記得利用CTRL+F搜尋標籤...
  兔兔大您如果要直接把樣式複製貼上的會最少也要放到自訂版面最下面,
因為banner是巴哈內建的橫幅標籤,您把文章中所講的語法整個放在自訂版面的最上面是可以沒錯……
  但是,因為系統跑語法宣告跑到巴哈內建語法的位置後,它會直接用後來的有重複到的宣告語法覆蓋前面的,因此您小屋的統計圖就被巴哈原本設定的橫幅圖圖片網址蓋掉了。
  把兩者整合後即可,如果您要保留巴哈預設的橫幅圖的話,請把統計圖的設定設定到其它的欄位背景上去吧。(自然以網頁通用的欄位為大原則)03-25 07:51
小角落..
好像好好玩,有空來玩看看@@

06-21 06:34

莉薇婭莞夢
^ˇ^06-21 22:09
我要留言提醒:您尚未登入,請先登入再留言

2喜歡★indream228 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:繪ஓ強調小臀,強調腰肉?... 後一篇:【小屋】CSS自訂版面:...

追蹤私訊切換新版閱覽

作品資料夾

overozone《小剪男孩》
暎子的興趣喜好大公開!小屋更新自創角立繪&人設,對OC有興趣的朋友歡迎來看看(´▽`ʃ♡ƪ)看更多我要大聲說16分前


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】