DepartFant維修事務所 喜歡自己喜歡的人事物，網路資訊、技術支援。

41愛的鼓勵 10訂閱站台

.....

用了部落格也有一段時間了，每次要發新的文章之前都會想盡辦法把我所得的知識都搬出來，希望網友們能多一份了解，本部落格裡面的所有軟體載點都是沒有病毒和木馬的，如果有的話請告知，該載點立即刪除並更換，在此就先感謝各位大大的協助喔~

至於訂閱的部分，我都是在首頁隨機挑選幾個我比較喜歡的部落格，而這些部落格我相信都小有名氣啦，文章數姑且不論，看到標題就覺得氣勢磅礡!有一股無形的壓力排山倒海而來呀....

不過訂閱了這麼多部落格，其中幾個覺得奇怪的是，為什麼他們的總瀏覽人數可以誇張到嘴巴合不起來?

就單純依照我的部落格來說好了，一天的瀏覽人數大概約略20個人上下，一年也才7300多人而已，如果繼續經營下去呢?五年36500人....十年73000人.....

所以保守估計，每天的瀏覽人數大概維持20人上下，十年的瀏覽人數應該不會超過75000，除非有以下情形為最大可疑之處:

1、部落格素質有提升，文章內容精彩豐富有圖片，人數自然增加。

2、部落格目標轉移，從隨手札記轉向時尚風潮或是提供最新外國藝人團體資料。

3、向親朋好友及學校同學、老師大力推薦自己部落格，提高單日瀏覽人數。

4、使用軟體增加部落格曝光率，或是在搜尋引擎置入部落格索引標籤及關鍵字。

5、惡意灌水瀏覽人數，大量申請空帳號部落格，瘋狂點閱自己部落格。

除了第五項違法之外，其他四項我想各位並不陌生，大家的想法都是只要能提升部落格人氣，什麼方法都可以....

我個人是沒什麼差別啦，打出來的文章有知識內涵，網友自然會吸收和分享，瀏覽人數會增加只是早晚的問題而已，盡自己最大的努力經營部落格，才是重要關鍵。

部落格除了文章素質，整體目標走向也非常重要，經過我的研究，那些人數破百萬的部落格，不外乎都是以下幾點:

1、韓國當紅藝人和團體

2、出國旅遊所見所聞

3、在地風景圖片分享

4、古詩欣賞和文意解說

5、特殊興趣嗜好及收藏

6、網路專櫃販售物品

7、商業投資理財規劃

8、線上遊戲攻略及交流

9、百科知識收錄大全

此外，部落格的外觀也非常重要，畢竟人類都是視覺動物嘛....

以前我的部落格是無名小站的，之前都在研究部落格的版面配置及設計，但是做出來的只是基本功，看看外面那些高手做的部落格版面，只能自嘆不如~~

不過無名小站的CSS語法比奇摩部落格的語法簡單編輯，套用語法複製貼上，你也可以是版面設計高手!!!

雖說無名語法比較好編輯，但是表現出的效果卻沒有奇摩部落格豐富和多樣，想知道為什麼嗎?下面收錄了高手的部落格:

tina的小小世界:http://tw.myblog.yahoo.com/tina88888888-babytony/

SANCTUARY部落格版型:http://tw.myblog.yahoo.com/water-blog/

MiDNigHt:http://tw.myblog.yahoo.com/grace4734/

看一下他們的部落格版面吧，很帥氣、很特殊的效果都有呈現出來，所需要的語法很多。

先介紹無名小站的語法和使用方法:

我的無名小站(已關閉停止更新):http://www.wretch.cc/blog/fah286458150

有沒有發現，相簿、好友、名片、影音和留言的連結都不見了?這就是語法的威力喔~

抱歉，剛剛臨時想到要把無名改成這個奇摩部落格的入口網站，就是當首頁的意思，所以版面又重新換過了，所以會看到跟上面不一樣的版面....

好了，來說一下語法的部分。

無名的語法叫做CSS語法，大部分是不能和奇摩部落格的語法共用，但是有一小部分是可以的。

要更改語法，請在網誌上點擊樣式管理，在點擊修改CSS樣式表，下面那個大框框就是語法的所在地。

想要增加新語法的話，請用滑鼠滾輪把語法滾到最底下，然後在最後一行語法的後面按一下Enter，就會空出一行空白，把語法貼上，按一下預覽，可以觀察一下網誌的版面有沒有你要的改變，沒有的話可能是語法錯誤或是不支援這個語法，那就重新修改，如果有改變的話，再按下存檔和套用。

至於我要投稿，除非你的製作版面功力強大，版面又美觀實用的話，那就請多多投稿嚕，官方審核過後會把你製作的版面發布到套用樣式區，造福一下大眾也不錯。

以下是無名小站的基礎語法:(藍色字代表可任意修改)

橫幅修改背景顏色

#banner { background: #FFFF00; }

橫幅修改背景圖片

#banner {
BACKGROUND:url(背景圖片網址);
BACKGROUND-REPEAT:no-repeat;WIDTH:500px(寬度); HEIGHT:200px(高度);      

橫幅修改背景全透明

#banner { background: none; }

橫幅修改字體大小&顏色

#pageheader h1 a { font-size: 60px; color: #AA0000; }

#pageheader h1 a:hover { color: #FFFFFF;}

橫幅修改網誌名稱文字對齊方式

#pageheader h1 { text-align: center; }(靠中)

#pageheader h1 { text-align: right; }(靠右)

#pageheader h1 { text-align: left; }(靠左)

橫幅修改網誌名稱直接調整距離

#pageheader h1 { text-align: left; padding-left: 150px; padding-top: 50px; }

網誌背景加圖片

BODY {background:url(圖片網址) no-repeat ;}

網誌背景圖片調整

BODY {background-position: center top; }中間靠上

BODY {background-position: center bottom; }中間靠下

BODY {background-position: right top; }畫面右上

BODY {background-position: right bottom; }畫面右下

BODY {background-position: left top;}畫面左上

BODY {background-position: left bottom; }畫面左下

網誌背景圖片位置座標設定

BODY {background-position: 10% 10%; }

網誌背景圖片不隨滑鼠滾動

body {background-attachment: fixed; }

網誌背景圖片跟隨滑鼠滾動

body {background-attachment: scroll;}

網誌背景圖片重複設定

BODY {background-repeat: repeat-x;}左右重複

BODY {background-repeat: repeat-y;}上下重複

BODY {background-repeat: repeat;}上下左右重複

網誌背景顏色更改

BODY {background-color: #000000;}

文章區背景顏色更改

#content {background: #000000;}

文章區加外框

#content {border:#000000 solid 10px;}

文章區發文日期更改

.date {
font-size: 16px; background: #000000;color: #000000;  border: #000000 solid 2px; }

文章標題更改

.title {
font-size: 18px; color: #000000; padding-left: 30px; }

文章內文更改

.innertext {
font-size: 16px; color: #000000; }

文章區作者欄更改

.posted {font-size: 12px; color: #000000; }
.posted a {color: #000000; }
.posted a:hover {color: #000000; }

文章區繼續閱讀欄更改

.extended  {font-size: 18px; }
.extended a {color: #000000; }
.extended a:hover {color: #000000; }

側邊攔背景顏色更改

#links {background: #000000;}

側邊欄資料夾更改

.sidetitle {
background: #000000; border: #FFFFFF solid 1px; font-size: 12px; color: #FFFFFF; text-align: center; }

側邊欄資料夾內文更改

.side a {
font-size: 11px; color: #000000;  }
.side a:hover {color: #000000; }

按鈕連結更改(名片、相簿、好友.....)

直式排列

#serviceList { position:absolute; top:120px; left:30px; width:40px;}
#serviceList LI { float:left; margin: 4px 0px 0px 0px;}

橫式排列(以下語法全部沒有用藍色標示了)

#serviceList {position:absolute; top:50px; left:150px; width:500px;}
#serviceList LI {float:left; margin:0px 4px 0px 0px;}

按鈕連結加框

#serviceList LI A {
display:block; text-align:center; letter-spacing:1px; padding:5px;
width: 50px; background: #000000; color: #000000; font: 7pt verdana; border: #000000 1px solid;  }

按鈕連結變色

#serviceList li a:hover { color: #ffffff; background: #000000; }

按鈕連結隱藏

#serviceList #linkVideo { display:none;New!影音
#serviceList #linkMypage { display:none; 首頁
#serviceList #linkAlbum { display:none;  相簿
#serviceList #linkBlog { display:none;   網誌
#serviceList #linkUser  { display:none;  名片
#serviceList #linkFriend { display:none; 好友

長版版面畫面捲軸顏色更改

HTML {
SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;}

誰來我家更改

橫式排列

#boxWho DIV#whowrapper {padding-right: 350px;}

直式排列

#boxWho DIV#whowrapper
{padding-right:80px; WRITING-MODE: tb-rl;}

來訪人物照片縮小

#boxWho li, #boxWho li img
{width:20px !important; height:20px !important;}

來訪人物照片更換為圖片

#boxWho #whowrapper li a {background:url(圖片網址) no-repeat center;}
#boxWho #whowrapper li a img {filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img {filter:alpha(opacity=100);}

文章區及側邊欄透明

#content { background:none; }
#links { background:none;  }

文章區及側邊攔使用座標分開

#content { margin-right: 60px;}

文章區和側邊攔左右互換

#links { float: left;}
#content { float: right; margin-right: 60px;}

網誌版面短版更換為長版

#content { height:auto; margin-bottom:50px;}
#links { height:auto; margin-bottom:50px;}

有沒有注意到所有的語法，一定都是#aaaaaa { aaaaaa  }結尾?

至於一開始說的藍色字可以更改，只有兩個可以更改，一個是顏色，一個是大小數字，顏色的部分請到這個網站查一下你所需要的顏色代碼，再把代碼打上去就可以了。

http://rhinejo.myweb.hinet.net/home/color/color-cord.html

======================================================

以上皆是無名小站的語法，以下是奇摩部落格的語法:

參考網站:

http://tw.myblog.yahoo.com/jw!G62r3EmcGx.MTQCurLTURIiKWQ--/article?mid=12724

各位可能會用到的語法:

版面為側欄靠左，側攔加寬語法

.twocoldr .yc3main {width:93.5%;float:right;}
.twocoldr .yc3mainbd {margin-right:160px;}
.twocoldr .yc3pri {width:100%;}
.twocoldr .yc3subbd {width:200px;}
.twocoldr .yc3sec {display:none;}

網誌背景顏色更改

body {background:center top transparent no-repeat;}
html {background:center top #FFFFFF repeat-y;}

 

E           N             D