顯示具有 語法 標籤的文章。 顯示所有文章
顯示具有 語法 標籤的文章。 顯示所有文章

9/29/2013

Blogspot 數字分頁


<style>
.showpageArea {
font: 13px/36px Arial,Times New Roman,Times,serif;
overflow: hidden;
text-align: center;
text-decoration: none;
width: 100%;
}
.showpageArea a,.showpageNum a {
border: 1px solid #CFE0EA;
color: #555;
margin: 2px;
padding: 3px 8px;
text-decoration: none;
}
.showpageArea a:hover,.showpageNum a:hover,.showpageNum a:hover {
background:#54748E;
color: #FFF;
}
.showpagePoint {
background:#FFF;
border: 1px solid #CCC;
color: #454545;
font-weight: bold;
padding: 3px 8px;
margin: 2px;
text-decoration: none;
}

.showpage a:hover {
background:#54748E;
color: #FFF;
}
</style>
<script type='text/javascript'>

var home_page_url = location.href;

var pageCount=5; //首頁顯示的數量,和系統設定要一樣
var displayPageNum=3; //按鈕數量
var upPageWord ='上一頁'; //上一頁按鈕
var downPageWord ='下一頁'; //下一頁按鈕

function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

htmlMap[htmlMap.length]='/';
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {


var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;

}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};

for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html += '<span class="showpageNum"><a href="/">1</a></span>';

}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}

if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}

html = '<div class="showpageArea"><span style="padding: 3px 8px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">頁面 '+thisNum+' / '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += '</div>';

var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}


if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}

}

function showpageCount2(json) {

var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;

htmlMap[htmlMap.length]=labelHtml;
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;

if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;

itemCount++;
}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};

for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}

if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += '</div>';

var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}


}

</script>
<script type='text/javascript'>

var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}
}

var home_page = "/";

if (thisUrl.indexOf("?q=")==-1 && thisUrl.indexOf(".html")==-1){
if (thisUrl.indexOf("/search/label/")==-1){

document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')

}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}
}
</script>


網頁:語法下載 ↗

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

整理的proxy

檢索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

1、到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>



2、測試效果:
強調文字、文章、段落,顯示效果。
強調文字、文章、段落,顯示效果。
強調文字、文章、段落,顯示效果。
強調文字、文章、段落,顯示效果。
強調文字、文章、段落,顯示效果。
強調文字、文章、段落,顯示效果。
強調文字、文章、段落,顯示效果。
強調文字、文章、段落,顯示效果。
強調文字、文章、段落,顯示效果。
強調文字、文章、段落,顯示效果。
強調文字、文章、段落,顯示效果。
強調文字、文章、段落,顯示效果。
強調文字、文章、段落,顯示效果。
強調文字、文章、段落,顯示效果。



3、如果遇到要加底線的強調文字,使用方法:
可修改文字
<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

o1

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

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

5/28/2010

Blogger加入程式碼

這個是一個備分
從網路上找來的,實驗一下。

 


CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
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:200px;
line-height: 1.2em;
}


 

 

 

 

 

完