實驗宮: 2012

11/29/2012

Blogger，修改添加文章更新時間

參考網址：
增加文章更新時間 (Show Post Update Time) ↗

下載網頁：「增加文章更新時間」的語法 ↗

打開管理介面、版面配置、修改 HTML 樣板原始碼（一樣要展開小程式範本），在程式碼 <head> 區段內（</b:skin> 標籤後、</head> 標籤前），塞入 Javascript 程式：



<script type='text/javascript'>

//<![CDATA[

<!-- Function used for generating the last update time for each post: showPostUpdateTime() -->

function showPostUpdateTime(json) {

var updateTime = json.entry.updated.$t;

var publishTime = json.entry.published.$t;

if (updateTime.substr(0,10) != publishTime.substr(0,10))

document.write(' | 更新於 '+updateTime.substr(0,10)+' '+updateTime.substr(11,5));

}

//]]>

</script>

從這個範例來看，把最後更新時間放在「發表時間」的後面，而且，只有在顯示該篇文章全文的時候，才會顯示出來（所以首頁看不到，判斷規則可以參考這篇文章）。所以先找到顯示發表時間 (<data:post.timestamp/>) 的區段，在它的下方一行，插入紅色的那個程式：



<!-- Fixed for display post update time -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;callback=showPostUpdateTime&quot;' type='text/javascript'/>

</b:if>



網頁：

參考資料 ↗

9/02/2012

檢索IP
http://www.cybersyndrome.net/
網頁：最新的proxy ↗

或是用以下的網站來查最新的proxy：
http://proxy-list.org/english/index.php
http://www.cooleasy.com/
http://tools.rosinstrument.com/proxy/

搜尋各國Proxy代理
第一步：進入 Cybersyndrome網頁－－http://www.cybersyndrome.net/

第二步：在上面的搜尋框打上國家簡寫，選擇「 ▼匿名性」，然後按後面的「搜尋」。

例如你要搜尋台灣的Proxy代理，則打TW
例如你要搜尋美國的Proxy代理，則打US
例如你要搜尋日本的Proxy代理，則打JP
例如你要搜尋韓國的Proxy代理，則打KR
例如你要搜尋中國的Proxy代理，則打CN



網頁：利用Cybersyndrome搜尋各國可用的Proxy代理 ↗

追蹤ip
網頁：ip-tracker ↗

網頁：tracemyip ↗

174.140.163.100:3128

8/28/2012

Blogger強調文字加上各種顏色底線

語法Blogger強調文字加上各種顏色底線

本功能參考網頁：http://wayne-fu.blogspot.com/2012/07/colorful-underline.html

１、到Blogger後台「設計」→「修改HTML」，
尋找</head> ，在 </head> 之前
插入下面的程式碼



<style type='text/css'>

o1{

background: url(http://static.flickr.com/8172/7886803482_29b2a8bcdb_b.jpg) repeat bottom;

line-height: 22px;

}



o2{

background: url(http://static.flickr.com/8179/7886805154_3dd7db6652_b.jpg) repeat bottom;

line-height: 22px;

}



p1{

background: url(http://static.flickr.com/8036/7886803638_115310eaea_b.jpg) repeat bottom;

line-height: 22px;

}



p2{

background: url(http://static.flickr.com/8304/7886803774_7fe11ace3c_b.jpg) repeat bottom;

line-height: 22px;

}



r1{

background: url(http://static.flickr.com/8321/7886803276_e8d0ee00aa_b.jpg) repeat bottom;

line-height: 22px;

}



r2{

background: url(http://static.flickr.com/8171/7886803922_a8cb5eb458_b.jpg) repeat bottom;

line-height: 22px;

}



y1{

background: url(http://static.flickr.com/8316/7886804086_b357aec65f_b.jpg) repeat bottom;

line-height: 22px;

}



y2{

background: url(http://static.flickr.com/8438/7886804562_95813552fd_b.jpg) repeat bottom;

line-height: 22px;

}



b1{

background: url(http://static.flickr.com/8312/7886804432_d1bdbfee25_b.jpg) repeat bottom;

line-height: 22px;

}



b2{

background: url(http://static.flickr.com/8316/7886804992_bbd52a0948_b.jpg) repeat bottom;

line-height: 22px;

}



d1{

background: url(http://static.flickr.com/8170/7886804830_6b1f3da93b_b.jpg) repeat bottom;

line-height: 22px;

}



d2{

background: url(http://static.flickr.com/8299/7886805302_29076e764d_b.jpg) repeat bottom;

line-height: 22px;

}



g1{

background: url(http://static.flickr.com/8181/7886804246_aa76af6e97_b.jpg) repeat bottom;

line-height: 22px;

}



c1{

background: url(http://static.flickr.com/8440/7886804694_eaa7183158_b.jpg) repeat bottom;

line-height: 22px;

}



</style>



<script type='text/javascript'>

document.createElement("o1")

document.createElement("o2")

document.createElement("p1")

document.createElement("p2")

document.createElement("r1")

document.createElement("r2")

document.createElement("y1")

document.createElement("y2")

document.createElement("b1")

document.createElement("b2")

document.createElement("d1")

document.createElement("d2")

document.createElement("g1")

document.createElement("c1")

</script>

２、測試效果：
強調文字、文章、段落，顯示效果。
強調文字、文章、段落，顯示效果。
強調文字、文章、段落，顯示效果。
強調文字、文章、段落，顯示效果。
強調文字、文章、段落，顯示效果。
強調文字、文章、段落，顯示效果。
強調文字、文章、段落，顯示效果。
強調文字、文章、段落，顯示效果。
強調文字、文章、段落，顯示效果。
強調文字、文章、段落，顯示效果。
強調文字、文章、段落，顯示效果。
強調文字、文章、段落，顯示效果。
強調文字、文章、段落，顯示效果。
強調文字、文章、段落，顯示效果。

３、如果遇到要加底線的強調文字，使用方法：
可修改文字
<o1>可修改文字</o1>

可修改文字
<o2>可修改文字</o2>

可修改文字
<p1>可修改文字</p1>

可修改文字
<p2>可修改文字</p2>

可修改文字
<r1>可修改文字</r1>

可修改文字
<r2>可修改文字</r2>

可修改文字
<y1>可修改文字</y1>

可修改文字
<y2>可修改文字</y2>

可修改文字
<b1>可修改文字</b1>

可修改文字
<b2>可修改文字</b2>

可修改文字
<d1>可修改文字</d1>

可修改文字
<d2>可修改文字</d2>

可修改文字
<g1>可修改文字</g1>

可修改文字
<c1>可修改文字</c1>

※圖片的原始路徑：
o1

http://static.flickr.com/8172/7886803482_29b2a8bcdb_b.jpg

o2

http://static.flickr.com/8179/7886805154_3dd7db6652_b.jpg

p1

http://static.flickr.com/8036/7886803638_115310eaea_b.jpg

p2

http://static.flickr.com/8304/7886803774_7fe11ace3c_b.jpg

r1

http://static.flickr.com/8321/7886803276_e8d0ee00aa_b.jpg

r2

http://static.flickr.com/8171/7886803922_a8cb5eb458_b.jpg

y1

http://static.flickr.com/8316/7886804086_b357aec65f_b.jpg

y2

http://static.flickr.com/8438/7886804562_95813552fd_b.jpg

b1

http://static.flickr.com/8312/7886804432_d1bdbfee25_b.jpg

b2

http://static.flickr.com/8316/7886804992_bbd52a0948_b.jpg

d1

http://static.flickr.com/8170/7886804830_6b1f3da93b_b.jpg

d2

http://static.flickr.com/8299/7886805302_29076e764d_b.jpg

g1

http://static.flickr.com/8181/7886804246_aa76af6e97_b.jpg

c1

http://static.flickr.com/8440/7886804694_eaa7183158_b.jpg



參考：

網頁：部落格文字加上各種底線圖案的完整解決方案 ↗

底圖圖片，高28px

http://static.flickr.com/8172/7886803482_29b2a8bcdb_b.jpg

o2

http://static.flickr.com/8179/7886805154_3dd7db6652_b.jpg

部落格文字底線

部落格文字加上各種底線圖案的完整解決方案



亮紫

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglBLd0p6UThDIigz3dR7s49R6JfzGuOdBx8jwJCNkDb7SI__N7pGLto1yCIKBk0STJwCObQ-PZ9noXvGTFWab3N6Mhyphenhyphen2hUc7aTvtMAmTIQVQ2SRlGkUO0xvDaVHp2qB4GyUPVintvo4GmC/

藍

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5CEH4Fvf4D66Fmwpy_Fi-VVwb7k80SwVfg_DbsbOaW6u0vzWTQA29ClQ4DSrete5BfjtdLKyC9ArqODD5qRcQSMPnvTb9l9WJ0K0FfCYJL5W3TvbpFMAz72iuIj9n0PIx2I-QwYjR5JKM/s1600/blue.png

綠，蠟筆

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhxYPJMtLBKW46BQAszwhjA6YaORxATqkHTBF_-FCowKfQ81PRkKMr0KzX7DVEM0oj2zgK6tD-RsXBOYCLk1fVMQArH9rF7oU9kzx7op49DQmZJrLMeQ8rDTVEoPRgJhRlZisBPhjNTCkt/s1600/green.png

紫，蠟筆

https://sites.google.com/site/freenet98/Pink.gif

黃，蠟筆

https://sites.google.com/site/freenet98/Yellow.gif

橘

https://sites.google.com/site/freenet98/Orange.gif

黃

https://sites.google.com/site/freenet98/hh6.gif

綠

https://sites.google.com/site/freenet98/green.gif

紅圓圓，底線

https://sites.google.com/site/freenet98/circle.gif

黑，多層細線

https://sites.google.com/site/freenet98/Black.gif

Blogger文章，幫文字加上強調底線 underline 的語法

本功能參考網頁：http://www.skyvee.net/2008/04/underline.html

1、到Blogger後台「設計」→「修改HTML」，
尋找/* Header，在/* Header之前
插入下面的程式碼



em{

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm8Cdsuzv8Bkg5stJr-DO3SFVASh1kq-dlQrFzZRKN2hweKbkK5o7kqWYk-1oDPwYY5bInH4Eztrx_5f-F-p6qSgxfisdgHZCj1YoNfXQIJhsVY2lItQpkilABBvurPEC1lHMBxcGyUXt3/s400/hh1.png) repeat-x bottom;

line-height:22px;

font-style:normal;

}

blogger文章的code與 reference語法

1、到Blogger後台「設計」→「修改HTML」，尋找/* Posts的位置，在/* Posts之後，插入下面的程式碼



/* CSS for Code Block in content */

code.code {

display: block; /* fixes a strange ie margin bug */

font: Arial;

font-size: 12pt;

overflow:auto; /* 是否顯示scroll bar*/

background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;

border: 1px dashed #ccc;

padding: 10px 5px 10px 20px;

margin: 5px 0 0 15px;

max-height:250px;

line-height: 1.2em;

}



code.ref{

display: block; /* fixes a strange ie margin bug */

overflow:auto; /* 是否顯示scroll bar*/

background: #fff url(http://chenkaie.googlepages.com/Code_REF.gif) left top repeat-y;

border: 1px dashed #333;

padding: 10px 5px 10px 20px;

margin: 5px 0 0 15px;

font-size: 14px;

font: Arial;

line-height: 1.6em;

}

2、有一件重要的事要注意，
＜改成＆lt;
＞改成＆gt;

可以利用
網頁：HTML Encoder網站 ↗
來作程式碼的轉換。

第一個控制的是code的部份，第二個則是控制reference的部份囉!!
就加在內的CSS語法中即可!!

PO文時，使用方法如下：

<code class="code"> 程式的部份 </code>
<code class="ref"> REFERENCE的部份 </code>

網頁：下載blogger文章的code與 reference語法.txt ↗

 

資料來源：

網頁： 參考網頁↗

Blogger 文章顯示code程式碼

到Blogger後台
「設計」→「修改HTML」，

尋找/* Posts的位置

在

/* Posts
----------------------------------------------- */

之後，
插入下面的程式碼

HTML中插入一段程式碼，CCS程式碼：



.post code { 

display: block; /* fixes a strange ie margin bug */

font-family: Courier New; 

font-size: 10pt; 

overflow:auto; 

background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;

border: 1px solid #ccc;

padding: 10px 10px 10px 21px;

max-height:250px; 

line-height: 1.2em;

}

有一件重要的事要注意，
＜改成＆lt;
＞改成＆gt;
&改成&

可以利用網頁：HTML Encoder網站 ↗
來作程式碼的轉換。

最後，編輯文章時在程式碼前後各加上 <code> 和 </code> 就能顯示。

網頁：下載語法 - Blogger 文章顯示code程式碼.txt ↗

 

參考資料：

Blogger Code block_文章顯示程式碼區塊 ↗

2012

貼code語法變色

貼code語法變色
網頁：貼code語法變色的網站 ↗
動作：
1. 編輯好程式碼
2. 複製程式碼到http://tohtml.com/這個網站，產生相對應的html碼
3. 複製html碼到blogspot

這個的好處是不用<code>去包「語法」。

直接用Html語法轉換出想要模樣，可以設用底色…。

例如：

<em>這段文字要加底線</em>

2012

語法，隨機文章

http://www.mediafire.com/?oscbuj2327nt5wq

網頁：下載語法 - 隨機文章 ↗

語法，最新文章

http://www.mediafire.com/?ausv9o1q9q9kqqp

網頁：下載語法 - 最新文章 ↗

訂閱：意見 (Atom)