顯示具有 Web工具 標籤的文章。 顯示所有文章
顯示具有 Web工具 標籤的文章。 顯示所有文章

Blogger改版好用聯結

音樂上傳空間

100個實用TEMPLATE

CSS教學網站

超實用日本CSS教學網站

手繪插圖

日本網頁素材

照片製作網頁教學

[+/-] 繼續閱讀...
標籤：

在blogger增加日曆封存文章

當初在玩blogger當中最討厭的就是封存的機智做的很不人性，按照日、月、年都非常的不直覺。所以在網路上找了很多有關於Javascript 可以跟Archive 做成calender 連結的資訊，找到了，當初不知到哪裡未開竅，總是把code改的哩哩摳摳。

找到Abin的文章，改了好幾次才成功，把一些多出來的東西移除
>>>原始文章連結請按此

將將好適合我的網誌，美麗又大方。

記得動手之前要先外匯模組(template)起來喔~~

首先先在Archive工具將選項改成 存檔頻率「每日」，勾選「先顯示最舊的文章」，樣式設成「Flat 清單」。進入html頁面，找到<head>標籤，在下方置入以下程式碼


<script type='text/javascript'>
//<![CDATA[
<!-- Script functions for generating Archive Calendar: ArchiveCalendar(), archiveurl(), YearMonth(), Calendar(), PrevMonth(), NextMonth(), function GoToday(), refreshTable() -->
function ArchiveCalendar() {
this.PrevMonth = PrevMonth;
this.NextMonth = NextMonth;
this.GoToday = GoToday;
this.refreshTable = refreshTable;
this.YearMonth = YearMonth;
this.Calendar = Calendar;
this.archiveurl = archiveurl;
this.week_label = new Array("一","二","三","四","五","六","日");
this.month_label = new Array("01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12");
this.month_days = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
this.today = new Date();
this.cur_day = new Date();
this.blogarchivename = new Array ();
this.thisarchive = 0;
this.base = '';
}

function archiveurl(idx) {
url = this.base;
url += this.blogarchivename[idx].slice(0, 4) + '_' + this.blogarchivename[idx].slice(4, 6) + '_' + this.blogarchivename[idx].slice(6) + '_archive.html';
return url;
}

function YearMonth(date_obj) {
year = date_obj.getFullYear();
thisMonth = this.month_label[date_obj.getMonth()];
out = year+'-'+thisMonth;
return out;
}

function Calendar(date_obj)
{
year = date_obj.getFullYear();
thisDay = this.today.getDate();
thisMonth = this.month_label[date_obj.getMonth()];
nDays = this.month_days[date_obj.getMonth()];
if (date_obj.getMonth() == 1 &&(((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)))
nDays = 29;
IsitNow = date_obj;
IsitNow.setDate(1);
startDay = IsitNow.getDay() - 1;
if (startDay < 0) startDay = 6;
var out='';
out+='<table>';
out+='
<tr>';
for (var index=0;index<7;index++)
out+='<th style="width:25px;">'+ this.week_label[index]+'</th>';
out+='</tr>
';
thisarchive=0;
while (thisarchive <= this.blogarchivename.length -1)
{
if(this.blogarchivename[thisarchive].slice(0,4) == year && this.blogarchivename[thisarchive].slice(4,6) == thisMonth)
break;
else
thisarchive++;
}
var tab_col=0;
for (index=0;index<startDay;index++) {
if (tab_col==0)
out+='
<tr>';
out+='<td> </td>';
tab_col++;
}
var archiveday;
for (index=1;index<=nDays;index++) {
if (index<10) {
index_day = new Date(year+'/'+thisMonth+'/0'+index+' 00:01');
archiveday = '0' + index;
}
else {
index_day = new Date(year+'/'+thisMonth+'/'+index+' 00:01');
archiveday = index;
}
if (tab_col==0)
out+='
<tr>';
if (index==thisDay && this.today.getMonth()==date_obj.getMonth() && this.today.getFullYear()==date_obj.getFullYear()) {
out+='<td class="Today">';
if (thisarchive < this.blogarchivename.length && this.blogarchivename[thisarchive].slice(4,6)==thisMonth && this.blogarchivename[thisarchive].slice(6,8)==archiveday) {
out+='<a href="'+this.archiveurl(thisarchive)+'" target="_top">'+index+'</a>';
thisarchive++;
}
else
out+=index;
out+='</td>';
}
else {
if (tab_col < 5)
out+='<td>';
else
out+='<td class="Weekend">';
if (thisarchive < this.blogarchivename.length && this.blogarchivename[thisarchive].slice(4,6)==thisMonth && this.blogarchivename[thisarchive].slice(6,8)==archiveday) {
out+='<a href="'+this.archiveurl(thisarchive)+'" target="_top">'+index+'</a>';
thisarchive++;
}
else
out+=index;
out+='</td>';
}
if (tab_col==6) {
out+='</tr>
';
tab_col=0;
}
else
tab_col++;
}
if (tab_col>0) {
for (var si=0;si<(7-tab_col);si++) {
out+='<td> </td>';
}
out+='</tr>
';
}
out+='</table>
';
return out;
}

function PrevMonth() {
thisMonth = this.cur_day.getMonth()-1;
year = this.cur_day.getFullYear();
if (thisMonth<0) {
thisMonth = 11;
year = year-1;
}
thisMonth = this.month_label[thisMonth];
this.cur_day = new Date(year+'/'+thisMonth+'/1 00:01');
this.refreshTable();
}

function NextMonth() {
thisMonth = this.cur_day.getMonth()+1;
year = this.cur_day.getFullYear();
if (thisMonth>11) {
thisMonth = 0;
year = year+1;
}
thisMonth = this.month_label[thisMonth];
this.cur_day = new Date(year+'/'+thisMonth+'/1 00:01');
this.refreshTable();
}

function GoToday() {
this.cur_day = new Date();
this.refreshTable();
}

function refreshTable() {
document.getElementById('CalendarMonth').innerHTML = this.YearMonth(this.cur_day);
document.getElementById('CalendarTable').innerHTML = this.Calendar(this.cur_day);
}
//]]>
</script>


之後找到下列這段程式碼

<b:includable id='flat' var='data'>
<ul><b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop> </ul>
</b:includable>


全部替換成下列程式碼

<b:includable id='flat' var='data'>
<!-- Generate Archive Calendar -->
<center>
<table border='0' cellpadding='0' cellspacing='0' id='Calendar'><caption> <a href='javascript:;' onclick='Calendar.PrevMonth();' title='Previous Month'><< </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href='javascript:;' onclick='Calendar.GoToday();' title='Back to Today'> <span id='CalendarMonth'/> </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href='javascript:;' onclick='Calendar.NextMonth();' title='Next Month'> >></a> </caption>
<tr> <td class='act' id='CalendarTable'> </td> </tr>
</table>
<script type='text/javascript'>
Calendar = new ArchiveCalendar();
Calendar.base = '你自己的部落格網址';
var offset = Calendar.base.length;
<b:loop values='data:data' var='i'>
archUrl = '<data:i.url/>'.slice(offset);
Calendar.blogarchivename.push(archUrl.slice(0,4) + archUrl.slice(5,7) + archUrl.slice(8,10));
</b:loop>
Calendar.refreshTable();
</script>
</center>
</b:includable>



按確認試試看囉~~^^

[+/-] 繼續閱讀...
標籤：

Blogger Post Lock - blogger 文章加密網頁




這是從PTT Blog板 ihs板友所分享的部落格文章加密工具
from ihs blogger post lock tool



針對網路上眾多發表有關於blogger的無法針對文章加密功能，我感到異常的複雜，再加上我本身不是程式背景出身的人，對於code的編輯總是覺得很討厭(這就是做設計出身的壞處，一看到一堆外星文就會想睡覺)

這個是我找到最方便的工具，比起網路上很多相關的加密文章來的簡單
ihs大大把整個流程簡化，也協助網友產生許多程式碼的部分
在此發表一篇簡單的操作說明，有空的人就可以試試看囉~~

要先把ihs大大網頁當中的 code加在html範本→<head> </head>的中間加入以下CODE
<script src="http://m017.googlecode.com/files/encrypt-blog-posts.js" type="text/javascript"></script>


按照網頁指示做就好，接著就是進行動作如下...


1. 開啟ihs大大所寫的文章加密網頁 →按此連結

2. 輸入你的密碼(建議制定常用的密碼，不然會忘掉)



3. 輸入你的文章內文按下加密鈕



4. copy下方藍色視窗的code



5. 直接貼到 bolgger的張貼文章視窗
6. 直接儲存或是預覽，前台就會產生要你輸入密碼的小方塊



這樣一來文章就成功加密了，即使破解了，也是看到一堆亂碼....當然防護上不知道狀況會怎樣，比起無名或是PIXNET來說這功能在blogger上顯得不好用，因為要多做很多層的動作，想到就有點懶，不過人總是會有一些不太想直接OPEN的文章。

讓我們一起來歌頌ihs大大的分享吧，希望這個網頁不要倒....


[+/-] 繼續閱讀...
標籤：

SkyDrive 5G免費網路硬碟




在網海當中浮沉多年，每當換了一間ISP業者的時候讓我最痛的，莫過於是損失的個人網頁空間的這項工具，在外地有時候檔案忘記攜帶，或是要傳送超過10MB的圖檔給輸出公司，FTP又不穩定時，使用網路硬碟就是一個很棒的選擇。


從多年中華電信與國外網站論壇開始陸續分享網路硬碟的功能開始，當時gmail的超大信件空間，也被很多網友拿來大肆利用，現在Windows LIVE又開發一套新的網路硬碟工具 Sky Drive。

從最初的攝影論壇風行潮開始，許多的網友最麻煩的莫過於找圖床分享，當時的部落格風氣尚未像現在如此流行，那時候最流行的是"明日報新聞台"，一個web的發報中心，寫寫一些屬於自己的故事，再分享圖床這塊，用的永遠都是sony或是國外論壇的免費空間，隨時都有可能被移除，再者就是花錢買個一年六百塊的圖床，會有用hinet個人網頁空間的朋友，也常常會因為傳圖速度過慢而導致氣血攻心。

現在MSN推出了這個服務(雖然我現在都用flickr的圖床)，可以分享任何檔案、任何奇奇怪怪的格式，只要你電腦可以壓縮起來就算是病毒她也管不了你。

微型NB在當今如此流行，光這個網路硬碟的空間就打死EPC的硬碟空間
實在是一個很貼心的免費服務。

總共有5G的硬碟空間，分為公開或是隱藏的網路資料夾
單筆上傳限制50MB，比起HINET或是SEEDNET的個人空間限制來的低
另外綁的是MSN的帳號，就跟在你自己的MSN live後面
等待檔案上傳同時還會有個打發時間的小遊戲，真的很貼心

我將skyDrive放在這個部落格的索引標籤上，也可以當作網頁分享工具的一部分。

"

[+/-] 繼續閱讀...
標籤：

WinSnap 好用的截圖軟體

"針對部落格寫手來說，好用的截圖軟體是少不了的工具(我不是說我自己是部落格寫手啦..害羞><)，以前繪圖軟體不發達，我在擷取畫面的時候往往都要開啟photoshop，只為了抓一張1024x768 72dpi的圖片，然後再關掉他，雖然說photoshop是我吃飯的工具，但是有電腦怪僻的我很討厭電腦桌面下方一堆程式開著不用。

(如果可以，有個拍拍手就可以把圖片抓下來的工具有多好)..當然我是這樣想，再加上photoshop越來越強大，目前已經出到CS3的版本，用我的小王開他，可能就要等個20秒，所以索性改成用小畫家來截圖，可是小畫家不是普通難用......在網海當中尋尋覓覓，終於找到了Winsnap這個軟體，可以參考Goston's Blog

現在就來試試看他的介面....恩..果然是個很聰明的軟體
他沒辦法抓自己的程式的頁面XD


好啦，我在惡搞
大家可以連結這邊下載

→→WINSNAP

很簡單陽春的軟體，直接按下去就可以使用
有開放繁體中文版本
按下printSC鍵也可熱鍵截圖，有點像進階版的小畫家

"

[+/-] 繼續閱讀...
標籤：

部落格新生!!

終於把自己的部落格搞定了...

從一開始的明日報新聞台、無名小站、痞客邦、天空部落、fotojp、迷你窩
因為工作關係，必須要把這些部落格玩的熟，也在這些部落格留下了不少遺跡。

##CONTINUE##
以前最初電腦熱的時候，天天都有回不完的mail，天天都有上不完的聊天室，一直到時代轉移，網友漸漸的喜歡自己創作，從以前的homepage到現在的blog。從以前的bbs到現在的各大論壇
都可以看到屬於我自己的足跡。

以前的DSLR尚未像現在這麼風行，而現在，一萬元就可以當起攝影師，但是我卻沒有再繼續累積自己的攝影創作，我在internet上不是頂尖的知名人物，通常總是在商機還未崛起之前，就已經玩膩了一種網路創作型態，喜歡去國內外挖出不同的流行網站，而現在回頭在經營blogger這個小地方，其實想要的是一種可以長久經營下去的開始而已。

搞了一整天，才發現自己已經跟不上時代好久，但是這個程式的機制所做出來的網頁，實在不輸給自己架設一個網站，只能說網路無限大，從西班牙找到了美國，再從美國找到了日本，很多網友免除了語言上的隔閡，一直不斷的丟出新鮮貨出來，不吝嗇的想要跟網友們分享。

我想我欠缺的，就是累積部落格厚度的耐心吧。

於是從這個地方，攝影、美食、旅行、時尚、行銷創意、設計、電影。

一直持續下去......

[+/-] 繼續閱讀...
標籤：

聊聊BLOG

最近比較沒空每天去寫自己的心得跟生活
所以趁有時間的時候趕快補上

其實還有很多...



而我自己也開始規定自己
一定要養成親筆寫日記的習慣
太過於依賴電腦產物對我而言並不會有好的幫助

所以很多文章的日期都會跳來跳去
請大家見諒

我開始寫作了,現在的我筆感沒有四五年前來的好
所以花很多時間在想要怎麼去闡述我想要的情境

我很喜歡我四年前寫的那些文章
當初看完全不覺得有什麼

現在回頭去看
發現自己那時候的心思非常敏銳而且很有張力

雖然現在這種感受跟力量漸漸消失
不過我想應該是抓的回來的...

寫文章只是一種情感的抒發

創作則是一種自我價值的尋找

攝影對我而言
除了是紀錄生活之外
更是對於其他事物的觀察態度
以及將事物拍攝下來之後
影像是純粹屬於自己的一種莫名擁有感

音樂則是我想要找出生活共鳴

任何事情都是我的人生價值

溝通以及對話則是讓我可以找到出口

交朋友則是希望自己可以多不同的領域可以了解以及分享

享受一份感情是為自己的生活增添一些調味料

本來想補一句
做愛則是一種身體慾望的發洩

可是想想太猛了
看看就好XD

做愛本來就是一種身體慾望的發洩
我沒說錯阿 =_=

........




[+/-] 繼續閱讀...
標籤：

網誌影音教學

終於被我研究出來網誌的音樂連結了


首先要先準備一個網站空間，專門放你想要聽的歌(大部分都是MP3)



我先將MP3轉檔 --- 用DietMP3這個軟體把MP3壓縮到1MB以內

在PCHOME申請一個個人網站空間，之後只要把你的歌/影片/圖上傳即可跳到上傳完成的頁面

在連結上點右鍵的內容，就會有一個連結網址

例如:http://home.pchome.com.tw/home/mix0820/01.mp3 這一段



在這位大德所提供的插入位子參考一下

看自己要放在哪裡,例如網誌一開始點近來,還是網誌的日記,還是留言版..啪拉等~

http://www.wretch.cc/blog/Gami&article_id=1700129



之後貼上語法

＜embed src="音樂網址" width="100" height="50" loop="true" autostart="true"＞＜/embed＞



(請把以上＜＞符號改為半形<>)



　width="100" 代表控制板寬度是100，可以自己調整。

　height="50" 代表控制板高度是50，可以自己調整。

　loop="true" 其中true的意思是說：歌播放完畢還會重新播放。

　假如播完一遍就好，就把true改成fales即可。

　autostart="true" 代表網頁載入的同時，是否要立即播放音樂。

　假如一開始不想自動播放，看個人需要從控制板控制的話，就把true改成fales即可。














[+/-] 繼續閱讀...
標籤：