顯示具有 玩blog 標籤的文章。 顯示所有文章
顯示具有 玩blog 標籤的文章。 顯示所有文章

2010年7月27日 星期二

FILEDECK.NET。5個免空上傳檔案,一次搞定!


受最近沸沸揚揚的網友之託幫忙介紹一個網站,就是免費空間上傳的網站,一次可以上傳檔案到五個不同的免費空間,雖然說提供的選擇有十個,其實我對於免費空間一點也不熟悉,甚少有機會可以使用到,因為免費空間總是難保資料的永久性啊~

http://filedeck.net/

10個免空如下:
http://www.badongo.com/
http://rapidshare.com/
http://www.zshare.net/
http://www.sendspace.com/
http://www.megaupload.com/
http://www.flyupload.com/
http://www.netload.in/
http://www.filefactory.com/
http://www.easy-share.com/
http://depositfiles.com/


雖然說有10個免費空間可以選擇,但是勾選時只能勾選五個唷!勾到第六個時就會跳出提醒視窗,選擇上傳檔案必須在50MB以內,我猜可能是考量到某些空間的檔案大小限制,所以就統一到50MB以內,上傳檔案之前別忘了使用條款也要打勾唷!


還頗喜歡他的上傳介面,可以即時看到上傳進度,這個php怎麼寫啊?誰可以教我啊,我的上傳頁面也想寫成這樣子,不然我自己寫的還頗兩光的!


上傳好了之後就會有提供一個連結,之後分享檔案就直接給這個連結就對了!


進去之後網頁會幫忙Check檔案在每一個免空是否還存在,若存在的話就會有一個綠色的勾勾囉!

2010年6月26日 星期六

[Blog] 加密文章?

不過我應該不會用到這個功能啦~哈哈,都寫部落格了,為什麼還要在部落格中加密文張呢?那麼不想給人看到,那就別放唄!不過或許也有一些情況是需要用到的啦~看看囉!

有興趣的夥伴們可以上這個網站去看看:
JavaScript Encryption and Decryption 2.0
裡面雖然是全英文,不過應該是不會太難啦~

再開始加密文章之前,必須先修改部落格Tempelate的HTML Code,這只要打開「版面配置」裡面的「修改HTML」,然後按照指示第二部分The JavaScript decryption code去做就可以了。

接下來就可以回到一開始的網頁中,開始加密自己的文章。

第一欄Key
我們可以填上自己想要的密碼,也可以讓這個程式自己隨機選擇,但不管怎麼樣,我們都一定要記得密碼是什麼!

第二欄Plain Text
欲加密的文字內容就放在這一欄當中,一般文字沒有問題,如果想要加密圖片跟超連結也可以,這部分我想大家就先在Blogger中先編輯好我們的文章,然後再加想加密的部份貼到第二欄當中,應該就可以了!貼完之後,按下底下"Encrypt"(加密)的按鈕。

第三欄Cipher Text
就會出現一串看不懂的文字,我想這部分可以不用管它。

第四欄Html Code
也會出現我們想要的程式碼,只要把這個程式碼Copy Paste到我們的文章中就行了(在修改Html的模式中)

但是還是要在樣板內加入javascript來連結編碼 - 以blogger為例

版面配置 > 修改HTML(如果怕做錯可以先點選"下載完整範本來備份")
接下來再head前加入下圖這串
<script src='http://kensheep.googlepages.com/blogjscrypt.js' type='text/javascript'/>

2010年5月13日 星期四

SyntaxHighlighter--可於google Blogger中顯示程式碼的JavaScript工具



複製下述程式碼,並修改 Blogger 的 //版面配置//修改HTML//(要放在head之間), 如下圖:

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'></script>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
使用方式如下

<pre class="brush: html">
程式碼放在此...
</pre>
syntaxhighlighter 官網
syntaxhighlighter下載
syntaxhighlighter支援程式語言列表

今天在修改帶有JavaScript程式碼的文章時,發現SyntaxHighlighter Evolved外掛無法正確的轉換 & 與 > 等字元,原本應該是 && 的符號卻變成 &&,>則變成>,使用另一個使用GeSHi的外掛WP-Syntax則正常,開始懷疑會否是SyntaxHighlighter Evolved的問題(最後確認外掛是正確的,詳後說明),剛巧它使用的底層SyntaxHighlighter有推出3.0.83新版,就更新版本看看。只要把新版的scripts與styles資料夾複製到對應的WordPress外掛同名資料夾就可以了。

更新後發現工具列變成一個問號:


由3.0.83的What’s new in 3.0?裡看到了幾個使用介面的變動:

複製到剪貼簿的功能變更:以前是透過Flash物件,3.0已取消這種作法,只要在程式碼區域雙擊,就能標示所有的程式碼,再按Ctrl+V就能把標示內容存入剪貼簿
程式碼可以多列標示:以前做多列標示時,行號也會被標示到,3.0已經可以任意做區域標示了
程式碼開頭可以加上一列標題列,當程式碼預設是捲起狀態時,會顯示此標題,點擊即會展開

另外找了幾各版本,大家若有需要可以試用看看
<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/>
<script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'></script>
<link href='http://alexgorbatchev.com/pub/sh/2.0.320/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.0.320/styles/shThemeDefault.css' id='shTheme' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shLegacy.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushBash.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushDelphi.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushDiff.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushGroovy.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPlain.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushScala.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushXml.js' type='text/javascript'></script>
<script type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.ClipboardSwf = 'http://http://alexgorbatchev.com/pub/sh/2.0.320/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

2009年6月2日 星期二

blogger如何製作高品質html原始碼

前言:
在blogger的文章中,要呈現程式的原始碼,常會與本章的本文混在一起,版面也會被破壞。這裡有一個方法,可以使原始碼與本文清楚的區分。又能兼顧排版的整齊。

STEP BY STEP:
首先在blogger 的「版面配置」→「修改Htm」→「展開小裝置範本」打勾(不了解請參考本系列其他文章)

找到 css設定的部分,增加以下這一段css代碼:
code 
{ display: block;font-family: 'Courier New';font-size: 9pt;overflow: auto;border: 1px solid #ccc;padding: 10px 10px 10px 21px;max-height: 180px;line-height: 1.2em;letter-spacing: 0px;color: #000;background: #ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkgzV1MygBv_QLonOH8CfYGAAQVKd1Jz8xloVSmkvMWl7B3n_5Ar_k8g7rRo5Ph0nHs4JvanhIkgKI3GjphFoxJQZPDl7QT2qVigK60MiHJ6Qlnbfl8R6OLuQhexUJ1ImlsFj5dcuKtA/) left top repeat-y;}


以後要顯示原始碼時,就這樣作:
<pre><code>....這裡放原始碼....</code></pre>
後記:

在 <code> 及 </code> 的html專用的標準符號要替換。可以用
Dreamweaver 自動幫我們轉換,將代碼貼到 Dreamweaver 的設計檢視上,
然後再切換到程式碼檢視,先用Dreamweaver的取代字串清掉<BR>,否則可能會多跳一行。把已經轉好的原始碼複製下來即可。

2009年3月2日 星期一

在Blog中嵌入Msn,讓瀏覽你網站的人可以與你即時對話!

MSN早已成為網路使用者必備的即時通訊軟體之一了,然而很多人卻不知道原來MSN也可以內嵌在Blog或者個人網站裡,讓觀看你網站的使用者也能透過登入MSN帳號或者匿名的方式跟你即時聊天。

【使用教學】:
請先到MSN網頁設定登入你的帳號密碼。


選擇你要的樣式、顏色,然後將下面的HTML語法貼到你的Blog裡面


選擇您希望在網路上的顯示方式。您可以允許任何使用者看見您的狀態並傳送訊息給您。 或者,您可以只賦予存取權限給某些網站。

2009年3月1日 星期日

Blog 公告

第一次搞部落格,每天都只有我自己在寫、放文章,好像一點人氣都沒有,給他~~~~~超冷

因工作關係,幫公司完成無名小站部落格,網誌以及相簿,開始想著如何幫無名網誌讓更多人去瀏覽

因工作關係,開始玩雅虎知識,剛開始回答別人問題,慢慢的玩了上癮,自己也在短短的4個月升級到了研究生5級,我的知識 (http://tw.knowledge.yahoo.com/my/my?show=AD04424738)

再好久好久以前自己在找工作時架設了「資訊空間」的網站,玩了2年時間,達到每天瀏覽人數達三千多人,在10年前軟體下載算是排名前幾大網站,當時就屬「史萊姆」最有名

後來又架設了「資訊空間論壇」,提供了網路上各式軟體下載的連結,(當時的台灣並未非常努力的抓盜版),玩了3年多吧!也達到每日瀏覽人數約三千多人,從單純的HTML到撰寫ASP論壇,還幻想自己花時間寫的論壇能打敗當時最流行的雷奧論壇

現在架設網站論壇已不流行了,而是如何將自己行銷出去,這才是我現在所想也是我現在努力學習的重點

而現在幻想的是如何提升我的Blog,網站的排名,如何增加我的網站人氣,將雅虎知識,部落格,無名網誌、無名相簿、雅虎拍賣、露天拍賣、自己的部落格,做一體的行銷宣傳,有錢的買關鍵字,沒錢的靠雙手,靠頭腦

還要靠大家的幫忙,大家的口耳宣傳,大家的支持

或許成用最省錢的做法而達到最大的宣傳效果,你說花消費卷買關鍵字真的有用嗎?哈

2008年11月18日 星期二

玩blog - blog張貼原始碼,修改版面寬度方法

剛開始玩blog時發現怎不能貼我寫好的程式原始碼,後來發現 原來這ㄇ簡單

顯示程式原始碼的方法
將您要顯示的原始碼作文字取代,
把 < 用 & lt; 取代
把 > 用 & gt; 取代
再按前述,放在 pre 或 textarea 內,就可以完全正常顯示原始碼的內容了。

參考網址 http://blog.yam.com/dllee/article/12323679

修改blog版面寬度方法
  首先,請到版面配置功能,再選修改HTML選項.在修改範本下面的文字編輯區的XML內容中找到最關鍵的兩個字:#main 及 #sidebar

  #main 代表文章顯示區,#sidebar 代表側邊欄.在其 { } 中找出 width 這個寬度設定,將其後面的數字百分比改成所要的寬度即可.以小格為例: 原本 #main 中的 width : 67% 改成 75%,#sidebar 改成 25%,就是您目前所看到的版面設定.

  最後要記得按下”儲存範本”本才能生效,就這樣簡單