顯示具有 Blogger 修改與應用 標籤的文章。 顯示所有文章
顯示具有 Blogger 修改與應用 標籤的文章。 顯示所有文章

2016年10月27日 星期四

Open Live Writer



自從 Windows Live Writer 不再更新之後,我一直都在留意其他的部落格編輯程式,前一陣子看到這個「Open Live Writer」。是基於Windows Live Writer 製作的,因此兩個程式幾乎一樣,只是 Open Live Writer 是公開發佈在 GitHub 上。
官方網站:http://openlivewriter.org/
下載網址連結:https://openlivewriter.azureedge.net/stable/Releases/OpenLiveWriterSetup.exe

2009年1月7日 星期三

把 Blogger 上面的導覽列 NavBar 移掉

我想這麼做很久了,嘿嘿嘿
今天在這邊看到的
http://arkelin.blogspot.com/2007/10/bloggernavbar.html

想要把導覽列變不見
進入「修改 Html」-> 點擊「展開小裝置範本」
在 </head> 之前加入下列程式碼
.Navbar {visibility:hidden;display:none;}
再點擊「儲存範本」
檢視網誌之後,就看到那一條長長的不見啦!!

2008年11月19日 星期三

大推!! Windows Live Writer

最近小弟開始寫起部落格
一邊寫一邊找好用的工具
好像寫程式的人都喜歡用簡便的工具吧
然後就看了幾篇文章
很多人都說 Windows Live Writer 不錯用
然後我也下載啦
真的不錯耶

首推這個
2008-11-19_145500
在撰寫網誌的同時就可以看到背景
感覺很好,不然背景太單調啦

另外,看上面的功能鍵就知道,整個編輯區和網誌編輯的功能一樣
超. 級. 方. 便.
使用這個也比較不會有在網頁編輯網誌時遇到的一邊麻煩的問題
像是上傳圖片
2008-11-19_150150
是的,沒有錯,只要拉進來就好了
在完成網誌之後,發佈之時,他會自動幫你上傳到圖片儲存空間。
真的是 超. 級. 方. 便.

其他零零總總還有許多好用的功能
日後有人有興趣的話,我再一一介紹囉。
2008-11-19_150629

2008年11月18日 星期二

在 Blogger 的文章裡加入程式碼

今天想在文章裡加上程式碼
然後再加以說明
記得以前有看過別人的部落格的文章裡面有很漂亮的程式碼框框
有人甚至做到可以按一下鈕就將程式碼複製起來放在剪貼簿

所以我就 Google 了一下「Blogger 文章 程式碼
發現到這個網站的文章 Blogger 邊學邊做 - 在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;
}

但是我貼到<head>裡面之後發了一篇文章試試,發現字距變太大了
一直調整 line-height 都不能改,於是就跑到 Blogger 的設定裡調整「字型和顏色」
這才發現 Blogger 只有六種字型 >_<
Blogger- 字型和顏色
其中並沒有 Courier New,只有 Courier
因此,我只好把這段CSS 碼的font-family改成 Courier 
看的就比較順眼了

再把背景色跟框的顏色調整一下,就很符合我原本部落格的色調了。
但是還有一個問題,那就是總不能一直利用別人的圖檔呀!
本來想要用上傳圖片的方式,再從Picasa 抓出來用
沒想到只把background 的 url 改成從Picasa 抓,會變糊,一點美感都沒有
因此上網 Google 了一下「免費 圖片空間
免費資源網路社群 找到了一個看起來還不錯用的空間叫 mojoImage
整個操作超級方便又快速
打開 mojoImage 首頁
Free Image Hosting - Myspace Image Hosting - mojoimage.com [mi]
按下「瀏覽…」,選擇電腦裡要上傳的圖片
再按一下「Upload」就出現
mojoImageUploadedImageLinks
把其中的「Share」的 Code 複製起來,貼到我的 CSS Code 裡

結果就完成啦,範例如下 CODE  {
  display: block; /* fixes a strange ie margin bug */
  font-family: Courier;
  font-size: 8pt;
  overflow:auto;
  background: #000000 url(http://www.mojoimage.com/free-image-hosting-00/6087Code_BG.png) left top repeat-y;
  border: 1px solid #333333;
  padding: 10px 10px 10px 21px;
  max-height:200px;
  max-width:650px;
  line-height: 1.2em;
}
我覺得還不錯看啦 ^^.