June 22, 2012

全新開張?

最後一次有人在這邊留下comment的時候,就發現我的blog template有點不對勁了。

怎麼comment看不到了呢!?

逃避現實了好幾天,陸續也切換到blogspot的新動態佈景去看過,無奈動態佈景整個用不習慣,雖然它很fancy。(攤手)

昨晚這陣子一度想整個搬家到wordpress.com去。但wordpress.com很多好看的佈景都需要付費才能使用,又不能自行修改CSS或者外掛佈景。整個綁手綁腳,不開心。

如果說要自己架一個wordpress又嫌太麻煩。需要註冊domain name,免費又支援PHP+SQL的網頁空間。當然更麻煩的是架起來、後續的維護動作全部都要自己來。

天啊,我只是想要好好的寫寫文章,幹麼搞的這麼複雜。

最後只好回頭替我的blogspot找個新的template,乖乖把它修好就是了......


這次的更動包括:

1. 換了一個template (這是當然)
2. 恢復支援<code>...</code> style
3. <blockquoto>...</blockquoto> style
4. 因為navigation bar被隱藏起來,所以在最上面加入LOGIN按鈕。
5. 隱藏看起來很醜的quick edit button
6. 調整標籤雲的大小
7. 加入Recent Comments

目前看來暫時這樣就可以了。

1. 目前使用的是Modern Dark這個Theme
2. code style的話,本來有考慮直接掛這個,看起來非常專業。不過那我就得把舊文章全部改過,那未免也太工程浩大了點。所以最後是用這段
code{
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 9pt;
overflow:auto;
background: #f0f0f0 url(Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 5px 5px 5px 20px;
max-height:200px;
line-height: 1.2em;
margin: 5px 5px 0 15px;
}

3. blockquoto如下
blockquote{
background:url("open-quote.gif") left top no-repeat;
border:4px dotted #ccc;
display:block;
font-family:Verdana;
font-size:10pt;
line-height:1.5em;
max-height:30000px;
overflow:auto;
padding:25px 15px 15px 30px;
}

4. Link到"http://www.blogger.com/home"
5. 加入.quickedit{display:none;}
6. 如果使用的是blogspot內建的標籤雲元件,可以用這些code調整大小。
/* Label size on the tag cloud */
.label-size-1 {
font-size:80%;
opacity:0.8;
}
.label-size-2 {
font-size:100%;
opacity:0.9;
}
.label-size-3 {
font-size:150%;
}
.label-size-4 {
font-size:200%;
}
.label-size-5 {
font-size:300%;
}
/* General features in the tag cloud */
.cloud-label-widget-content {
text-align:justify;
}

7. Recent Comments在blogspot本身也有提供。不過一時找不到怎麼改style,乾脆自己找一個來掛。參考這篇。大概再自己修改一下字型就差不多了。
如果跟我一樣討厭斜體的話,就需要把它的.js檔下載回來修改。小case啦。

0 Comments: