有一陣子沒拿Werra出來拍攝了，雖然做過白平衡較正，調整了一下偏黃的底掃色調，這捲全部使用人眼測光，加上老機老鏡發色，有種說不出的古早味。
20100319~0410 Werra+Xtra 400
Bike
20100319~0410 Werra+Xtra 400
Bike
2010年4月23日 星期五
2010年4月22日 星期四
#021 MTL5B+VF135+Xtra 400
繼上捲MTL5B故障之後，回家將相機過了幾張，也試過所有的快門擋位，忽然間它又回神過來恢復正常了，欣喜之餘我又上了一捲底片準備在228這個好天氣拍一拍....
20100228~0314 MTL5B+VF135+Xtra 400
鄰居 Pancolar 50/1.8 PL
#020 MTL5B+Xtra 400
第二次使用年初拿到的MTL5B，搭配上目前手邊的四顆鏡頭 Pentacon 29/2.8, Pentacon 50/1.8, Pancolar 50/1.8, Sonnar 135/3.5，以及當初標到時附贈了一條傳統快門線，與一支小閃燈，是手邊目前鏡頭最完整，資源最豐富的系統。
原先的計畫是要撐到我的那兩台Miranda EE回來後才要讓他退下來，誰知這捲才拍攝10多張的時候，快門忽然故障，完全壓不下去，而過片時立即釋放快門，無法解決，只好把底片全都捲回去，只能回到家在處理，實在是可惜阿。
這捲主要用於是室內拍攝，以及燈會，所以增感一格，來看圖吧。
20100220~27 MTL5B+Xtra 400 增感一格
#019 VF135+Xtra 400
Voigtlander VF135第二捲，還在摸索中，前面測試捲測試OK，但掃大圖之後才發現1m時焦點後移約15cm，需要重新調整，整批的VF135都有著同樣的問題。
一些VF135 40mm/2.3的拍攝心得:
VF135在暗部細節層次處理還算OK，對比不錯，顏色鮮豔，晴天暖調，陰天冷調，雖是多層鍍膜但沒有HFT所以鏡頭似乎很怕光，色彩過渡較差(人的皮膚拍出來沒有滑順感)，顏色容易結成塊狀，畫質似乎少了那分細膩，而鏡頭結構是Sonnar所以焦外散景不錯。
20100207~17 VF135+Xtra 400
電影院裡3D立體試拍
年貨大街，真的很怕光
年貨大街滿滿都是人
買年貨，這間100g/29元
顏色真的很濃郁
年貨都堆這麼高了
傳說中上過新聞的柿餅美女
立功里
牆上的藤蔓
眷村風情
每台相機必拍的測試
慢
重複曝光
晴天顏色很暖調
陰天，卻又有種鬱悶感
2.3大光圈真好用
衣櫥
不小心開到B快門
保安宮，鏡頭怕光
保安宮
保安宮的燕尾
迪化污水處理廠，膚色不錯但可惜沒有滑順感
京站
交錯(京站)
電扶梯
捷運詐胡線
新莊麗來沖掃
2010年4月21日 星期三
#018 Konica TC+RVP100F
事隔十多年，我又再次嘗試正片，這次使用的是永勝買來的RVP 100F。
這是捲命運乖桀的底片，去年去合歡山就裝在Konica TC裡面，但沒上到片心血結晶都付諸流水，然後又因為不小心把片頭捲進去好不容易才拉出來，接下來裝進相機之後又忘記要改ISO值導致前幾張照片有曝光不足，然後又因為相機測光有些不準導致有些照片過曝(底掃掃不到這麼高動態範圍，但直接看底片還可以看到細節)，最後拿去麗來掃描的時候最後幾張圖檔竟然損毀。
雖然經過這麼莫名其妙的過程，我的正片終於回到了我的手中，底掃看起來跟負片照的沒兩樣，但用Pancolar直接觀看，那立體感與顏色的鮮艷程度，簡直就像是回到現場，鮮活的花而與場景的就像要跳出平面般，令人感到相當驚喜，真的是要親身體驗才之故中之味阿。
20100130~0314 Konica TC + RVP 100F
陽明山茶花展
#017 Konica TC+Xtra400
好久沒交作業了，這次去麗來一次沖掃10捲，都是全掃不調色，整批回來後發現照片都偏黃，對比也如同網路上所說有過高的現象，由於這捲沒有掃到片基所以無法做白平衡的較正，乍看之下這顆鏡頭發色很偏黃，但用DSLR翻拍底片，並用PS較正後的照片結果比較接近真實的顏色，翻拍結果的比較就留待之後有時間再寫囉，先看圖吧。
20100101~20100130 Konica TC + Xtra 400
忠烈祠
N過祠門而不入的忠烈祠
2010年4月18日 星期日
2010年4月17日 星期六
2010年3月30日 星期二
江謝家爆料大會
義氣??什麼是義氣????
事隔多年，今個兒聚會又跑到了擁有豪華KTV的江謝家來了，原先以為是江謝終於想到我們這些朋友了，結果這次聚會竟然是謝小傑約的，數了一數這次聚會的人數，喔優，原班人馬阿。
壓扁的電池蓋
才剛到輔大跟老貓會合，就有人打給我，邊騎邊講剛講完要收手機，手機的電池蓋飛了出去，擊中了我的安全帽，我過了5秒才反應過來，趕緊停車回去找，結果就成了這副德性…
整個就是被壓扁了，沒有破碎真是不幸中大幸，還可以勉強卡上去，但是看的出來被車輾過，這小小的一片電池蓋差那麼一點就跟變了心的女朋友一樣回不來了[1]。
事隔多年，今個兒聚會又跑到了擁有豪華KTV的江謝家來了，原先以為是江謝終於想到我們這些朋友了，結果這次聚會竟然是謝小傑約的，數了一數這次聚會的人數，喔優，原班人馬阿。
壓扁的電池蓋
才剛到輔大跟老貓會合，就有人打給我，邊騎邊講剛講完要收手機，手機的電池蓋飛了出去，擊中了我的安全帽，我過了5秒才反應過來，趕緊停車回去找，結果就成了這副德性…
整個就是被壓扁了，沒有破碎真是不幸中大幸，還可以勉強卡上去，但是看的出來被車輾過，這小小的一片電池蓋差那麼一點就跟變了心的女朋友一樣回不來了[1]。
2010年3月28日 星期日
2010年3月23日 星期二
#016 Praktica MTL5b+Xtra400
去年底在邪惡的電子海灣.uk收了一批M42鏡頭，也順手也用低價收到了一台Praktica MTL5B，這是當年東德柏卡出的的最後一台M42機身，雖然有20多歲，但跟其他M42機身的比起來已經算是很年輕了。
1月左右天氣狀況普通，天空總是蒙上一層霾，拍出來總是有種霧霧的感覺，加上是那間佛心沖掃，所以首捲試拍顏色暫時忽略，只單純測試這台的測光及快門，使用鏡頭為，Pantacon 29/2.8，50/1.8，Carl Zeiss Jena Pancolar 50/1.8 以及 Sonnar 135/3.5。
20100131~0206 MTL5B試拍
Pantacon 50 F1.8，樓下小花
1月左右天氣狀況普通，天空總是蒙上一層霾，拍出來總是有種霧霧的感覺，加上是那間佛心沖掃，所以首捲試拍顏色暫時忽略，只單純測試這台的測光及快門，使用鏡頭為，Pantacon 29/2.8，50/1.8，Carl Zeiss Jena Pancolar 50/1.8 以及 Sonnar 135/3.5。
20100131~0206 MTL5B試拍
Pantacon 50 F1.8，樓下小花
2010年3月22日 星期一
#015 Voigtlander VF135+Xtra400
自從底片拍攝所占比重逐漸增加，我的Werra漸漸不符合我隨身使用的需求，幾捲下來，發現Werra一些比較不方便的地方
1.Werra 不能測光，要多帶個測光錶(目前手邊沒有，DIY Project那個無限期延宕)
2.Werra 只能使用估計對焦，無法精確對焦，常常發生失焦狀況(跟距離感有關係)
3.體積稍大，無法放置於口袋
4.金屬機身，重量稍重
綜合以上，我列出了幾項我目前對隨身機簡單需求
1.有測光功能
2.RF-疊影對焦(做為我升級Leica M之前的練習)
3.體積要小一點
4.重量盡量在450g以內
5.焦距35mm~45mm之間 光圈大於2.8
開了這麼嚴苛的規格，只有三台符合:Minolta 7SII, Olympus RD, Konica Auto S3
由於這三台價格昂貴而且實在太難找了，我稍微放寬了條件增加了以下幾台
Konica C35, Olympus RC, Olympus mju II,
值得一提Olympus mju II因為體積實在太小了，所以我把它列在其中。
當我一直想以一個超低價拿到台Konica C35時，此時，我發現了另一台RF機
Voigtlander VF135
這台幾乎符合了我開出的所有的條件…
1.Werra 不能測光，要多帶個測光錶(目前手邊沒有，DIY Project那個無限期延宕)
2.Werra 只能使用估計對焦，無法精確對焦，常常發生失焦狀況(跟距離感有關係)
3.體積稍大，無法放置於口袋
4.金屬機身，重量稍重
綜合以上，我列出了幾項我目前對隨身機簡單需求
1.有測光功能
2.RF-疊影對焦(做為我升級Leica M之前的練習)
3.體積要小一點
4.重量盡量在450g以內
5.焦距35mm~45mm之間 光圈大於2.8
開了這麼嚴苛的規格，只有三台符合:Minolta 7SII, Olympus RD, Konica Auto S3
由於這三台價格昂貴而且實在太難找了，我稍微放寬了條件增加了以下幾台
Konica C35, Olympus RC, Olympus mju II,
值得一提Olympus mju II因為體積實在太小了，所以我把它列在其中。
當我一直想以一個超低價拿到台Konica C35時，此時，我發現了另一台RF機
Voigtlander VF135
這台幾乎符合了我開出的所有的條件…
2010年3月21日 星期日
平溪天燈之旅
又到了元宵節，當全台都在瘋燈會的時候，還有幾項民俗活動可以去參加，北部的平溪天燈、內湖夜炸土地公，苗栗有炸龍，鹽水蜂炮，台東屏東還有炸邯鄲等的活動，不是很有研究所以就只記得這些了。
天燈，又稱孔明燈，相傳是古時作戰為了傳遞軍情而用，而天燈隨著個地方的習俗的不同漸漸演變有祈求平安之意，簡單來說是把願望寫在天燈上放到天空，希望天公會看到大家祈求的願望而實現，講到這裡先來回顧一下過去的放天燈的實況。
2010年3月12日 星期五
Blogger hack - V3.0目前使用的hack及簡單教學
自動縮文及縮略圖
這是最令我驚喜的一個hack程式，這個模組可以自動縮文並抓取網誌文章第一張圖片做為縮略圖，使用時只需要將文章寫好就可以自動完成排版，目前Chucky版面配置就是使用此hack。
他還有一些變化型，除了可以嵌入在post區域，還可以放在小裝置裡，搭配其他的script可以達到很多意想不到的效果，真的非常好用。
Automatic Readmore hack for blogger with thumbnail
首先先將程式碼放到<head></head>中間
summary_noimg = 430; 文章沒有圖時顯示字元數
summary_img = 340; 文章有圖時顯示的字元數
img_thumb_height = 100; 縮圖的高
img_thumb_width = 120; 縮圖的寬
找到<data:post.body/>並以以下程式碼取代
Navibar
應該是最簡的的吧，直接附上網址
Navibar
每篇文章都顯示日期
Blogger同一天的發文只會顯示日期在最後更心那篇，之前用舊版面不會影響，但換了Chucky之後版面會變的參差不齊，除了關閉日期顯示就可恢復平行併排版面，也可以使用以下方法將每篇的日期都顯示出來。
這邊參考每篇文章都顯示日期
首先打開小裝置範本並找到以下程式碼
日曆模組
使Abin"結合發表文章的日曆模組 (Feed Calendar)"
最新文章與最新回應模組
這裡使用Abin"最新文章模組「終極版」"及"最新回應」模組 (Recent Comments)"
使用jQuery讓側邊列可展開及摺疊
原先使用Abin的"讓側邊列 (Sidebar) 的元件能夠展開和摺疊 (Element Toggling)"，但在這模組中，需製作摺疊展開的按鈕，於是參考了阿特學習筆計中"利用jQuery 網誌旁側點標題摺疊收合內容"這篇文章來修改。
首先在<head></head>中插入以下程式碼，若先前已經呼叫過ajax的jquery程式碼這裡就不需要呼叫了。
Ex.
如果要預設摺疊，先展開小裝置範本，並找到要收摺小裝置的程式碼…
在'widget-content'之後加上id='toggle' style='display:none;'
Ex.
Blogger加密
Google Blogger由於還是Beta版，功能非常陽春，連個文章加密功能都沒有，目前本站使用的加密器為加密文章
首先先把以下程式碼放到<head></head>中間
Ex.密碼1111
Script&CCS方塊
純粹方便閱讀加的
<div class="codeview">
code…
</div>
相關文章
加入相關文章方法
隨機文章(與版面不合所以取消)
參考隨機文章
在</head>上方加入
一共出現七個參數，必須按照順序填入，「''」符號不可省略！以下是說明。
加入推文按鈕
在相關文章後放入
<!-- 推文到PLURK -->
<a expr:href='"http://www.plurk.com/?qualifier=shares&status=" + data:post.url + " " + "(" + data:post.title + ")"' target='_blank' title='推文至plurk'><img src='http://sites.google.com/site/siteimgs/blog/plurk_share.png'/></a>
<!-- 推文到 facebook -->
<script type='text/javascript'>
function fbs_click()
{u='<data:post.url/>';t='<data:post.title/>';window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}
</script>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url' onclick='return fbs_click()' target='_blank'> <img src='http://sites.google.com/site/siteimgs/blog/facebook_share.png' title='推到facebook'/></a>
<!--推文到 Twitter -->
<a expr:href='"http://twitter.com/?qualifier=shares&status=" + data:post.url + " " + "(" + data:post.title + ")"' target='_blank' title='推到Twitter'><img src='http://sites.google.com/site/siteimgs/blog/twitter_share.png'/></a>
<!--推文到黑米-->
<a expr:href='"http://www.hemidemi.com/user_bookmark/new?title="
+ data:post.title + "&url=" + data:post.url + " "' target='_blank' title='推到黑米'><img src='http://sites.google.com/site/siteimgs/blog/hemidemi_share.png'/></a>
<!--推文到funP-->
<a expr:href='"http://funp.com/pages/submit/index.php?title="
+ data:post.title + "&url=" + data:post.url + " "' target='_blank' title='funP'><img src='http://sites.google.com/site/siteimgs/blog/funp_share.png'/></a>
版面順序可自行調整
這是最令我驚喜的一個hack程式，這個模組可以自動縮文並抓取網誌文章第一張圖片做為縮略圖，使用時只需要將文章寫好就可以自動完成排版，目前Chucky版面配置就是使用此hack。
他還有一些變化型，除了可以嵌入在post區域，還可以放在小裝置裡，搭配其他的script可以達到很多意想不到的效果，真的非常好用。
Automatic Readmore hack for blogger with thumbnail
首先先將程式碼放到<head></head>中間
script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
最重要的就是這四個 summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
summary_noimg = 430; 文章沒有圖時顯示字元數
summary_img = 340; 文章有圖時顯示的字元數
img_thumb_height = 100; 縮圖的高
img_thumb_width = 120; 縮圖的寬
找到<data:post.body/>並以以下程式碼取代
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
如果想改成嵌入影片或投影片可以從這邊改。 <div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Navibar
應該是最簡的的吧，直接附上網址
Navibar
每篇文章都顯示日期
Blogger同一天的發文只會顯示日期在最後更心那篇，之前用舊版面不會影響，但換了Chucky之後版面會變的參差不齊，除了關閉日期顯示就可恢復平行併排版面，也可以使用以下方法將每篇的日期都顯示出來。
這邊參考每篇文章都顯示日期
首先打開小裝置範本並找到以下程式碼
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
替換成以下程式碼 <h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>
儲存即可 <script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>
日曆模組
使Abin"結合發表文章的日曆模組 (Feed Calendar)"
最新文章與最新回應模組
這裡使用Abin"最新文章模組「終極版」"及"最新回應」模組 (Recent Comments)"
使用jQuery讓側邊列可展開及摺疊
原先使用Abin的"讓側邊列 (Sidebar) 的元件能夠展開和摺疊 (Element Toggling)"，但在這模組中，需製作摺疊展開的按鈕，於是參考了阿特學習筆計中"利用jQuery 網誌旁側點標題摺疊收合內容"這篇文章來修改。
首先在<head></head>中插入以下程式碼，若先前已經呼叫過ajax的jquery程式碼這裡就不需要呼叫了。
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(function(){
$("div#Profile1 h2:first").click(function(){
$("div#Profile1 div:first").toggle("middle");
});
/*$("div#Profile2 h2:first").click(function(){
$("div#Profile2 div:first").toggle("middle");
});
$("div#Profile3 h2:first").click(function(){
$("div#Profile3 div:first").toggle("middle");*/
});
});
//]]>
</script>
找到sidebar的id定義。 <script type='text/javascript'>
//<![CDATA[
$(function(){
$("div#Profile1 h2:first").click(function(){
$("div#Profile1 div:first").toggle("middle");
});
/*$("div#Profile2 h2:first").click(function(){
$("div#Profile2 div:first").toggle("middle");
});
$("div#Profile3 h2:first").click(function(){
$("div#Profile3 div:first").toggle("middle");*/
});
});
//]]>
</script>
Ex.
<b:widget id='Profile2' locked='false' title='PROFILE' type='Profile'/>
<b:widget id='BlogArchive2' locked='false' title='Calendar' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='HTML5' locked='false' title='Recent Posts' type='HTML'/>
<b:widget id='HTML4' locked='false' title='Recent Comments' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML2' locked='false' title='Counter' type='HTML'/>
直接把程式碼紅字部分改成小裝置的ID就可以了。 <b:widget id='BlogArchive2' locked='false' title='Calendar' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='HTML5' locked='false' title='Recent Posts' type='HTML'/>
<b:widget id='HTML4' locked='false' title='Recent Comments' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML2' locked='false' title='Counter' type='HTML'/>
如果要預設摺疊，先展開小裝置範本，並找到要收摺小裝置的程式碼…
在'widget-content'之後加上id='toggle' style='display:none;'
Ex.
<b:widget id='HTML5' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><span class='sign-icon' style='float:right;margin-right:20px;cursor:hand;'/><data:title/></h2>
</b:if>
<div class='widget-content' id='toggle' style='display:none;'>
然後儲存就ok了。 <b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><span class='sign-icon' style='float:right;margin-right:20px;cursor:hand;'/><data:title/></h2>
</b:if>
<div class='widget-content' id='toggle' style='display:none;'>
Blogger加密
Google Blogger由於還是Beta版，功能非常陽春，連個文章加密功能都沒有，目前本站使用的加密器為加密文章
首先先把以下程式碼放到<head></head>中間
<script src="http://m017.googlecode.com/files/encrypt-blog-posts.js" type="text/javascript"></script>
將加密文章copy到加密網站，得到密文，再把密文放置在文章中即可，記得文章要備份，密碼要牢記。 Ex.密碼1111
Script&CCS方塊
純粹方便閱讀加的
codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
將程式碼加在 margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
<div class="codeview">
code…
</div>
相關文章
加入相關文章方法
參考隨機文章
在</head>上方加入
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>打開小裝置，並在隨機文章後加上以下程式碼
<div id="div_Get_ranTitles"></div><script>
jQuery(function(){jQuery.getScript("http://blogger-random-post-hack.googlecode.com/files/randomPost_2.0.pack.js",function(){MakeRanPostList('qq0526',5,12,'更新列表','試試手氣','','');});});</script>一共出現七個參數，必須按照順序填入，「''」符號不可省略！以下是說明。
- 「'qq0526'」，Blog的帳號，如網址http://qq0526.blogspot.com/，就是qq0526。
- 「5」，顯示 N 篇隨機文章，預設 5。
- 「12」，最新的 N 篇文章不列入隨機範圍，預設 12。
- 「'更新列表'」，第一個按鈕中出現的文字，按下後會更新隨機文章列表。
若設為「''」，則會關閉此功能，此按鈕將不會出現。 - 「'試試手氣'」，第二個按鈕中出現的文字，按下後會隨機前往 Blog 中的一篇文章。
若設為「''」，則會關閉此功能，此按鈕將不會出現。 - 「''」，「''」內可填入一個「標籤名稱（tag）」，如「我在日本的生活」。
設定後，列表內只會出現含有「某個標籤（tag）」的文章，目前只能設一個。
預設為「''」，代表所有文章皆納入隨機範圍內。 - 「''」，「''」內可填入一個「標籤名稱（tag）」，如「公告事項」。
設定後，列表內不會出現含有「某個標籤（tag）」的文章，目前只能設一個。
預設為「''」，代表所有文章皆納入隨機範圍內。
加入推文按鈕
在blogger 加入PLURK, Twitter, Facebook, funP, 黑米的推文按鈕
在相關文章後放入
<!-- 推文到PLURK -->
<a expr:href='"http://www.plurk.com/?qualifier=shares&status=" + data:post.url + " " + "(" + data:post.title + ")"' target='_blank' title='推文至plurk'><img src='http://sites.google.com/site/siteimgs/blog/plurk_share.png'/></a>
<!-- 推文到 facebook -->
<script type='text/javascript'>
function fbs_click()
{u='<data:post.url/>';t='<data:post.title/>';window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}
</script>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url' onclick='return fbs_click()' target='_blank'> <img src='http://sites.google.com/site/siteimgs/blog/facebook_share.png' title='推到facebook'/></a>
<!--推文到 Twitter -->
<a expr:href='"http://twitter.com/?qualifier=shares&status=" + data:post.url + " " + "(" + data:post.title + ")"' target='_blank' title='推到Twitter'><img src='http://sites.google.com/site/siteimgs/blog/twitter_share.png'/></a>
<!--推文到黑米-->
<a expr:href='"http://www.hemidemi.com/user_bookmark/new?title="
+ data:post.title + "&url=" + data:post.url + " "' target='_blank' title='推到黑米'><img src='http://sites.google.com/site/siteimgs/blog/hemidemi_share.png'/></a>
<!--推文到funP-->
<a expr:href='"http://funp.com/pages/submit/index.php?title="
+ data:post.title + "&url=" + data:post.url + " "' target='_blank' title='funP'><img src='http://sites.google.com/site/siteimgs/blog/funp_share.png'/></a>
版面順序可自行調整
