7/16/2014
3/23/2014
9/29/2013
從Google地圖取得目標地點的經緯度,以利於分享位置給他人
平時要分享好地方給朋友,若是在野外的空地,或是山上的觀景台,要用Google地圖搜尋也不容易,此時只要分享經緯度就很方便,對方馬上可以知道在何處。
本文章先以「台中市新光三越」為例,其餘各處可以類推。
▼下圖,先在Google地圖搜尋出「台中市新光三越」
▼點擊右鍵,選取「這是哪裏?」
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>
網頁:語法下載 ↗
1/24/2013
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 == "item"'>
<script expr:src='"/feeds/posts/default/" + data:post.id + "?alt=json-in-script&callback=showPostUpdateTime"' 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
追蹤ip
網頁:ip-tracker ↗
網頁:tracemyip ↗
174.140.163.100:3128
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> 之前
插入下面的程式碼
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
本功能參考網頁: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
訂閱:
文章 (Atom)


