顯示具有 Blogger 標籤的文章。 顯示所有文章
顯示具有 Blogger 標籤的文章。 顯示所有文章

Blogger也有雜誌版型

Revolution Lifestyle Template

Revolution Lifestyle WordPress Template

RevolutionTwo是一家專門製作WordPress高質感版型的公司,高登工作室也曾用過他的的Revolution版型,而在去年的十月份他們將旗下的一些版型改為OpenSource的方式發行,也就是說你可以自由免費的使用他們的版型,艾德的這一篇Revolution Two開站了就曾經介紹過。

上次RevolutionTwo開站的時候,那些版型真的是可以在你們的網站直接下載到,而且根據他們網站的說明有二種付費的方式:第一種是購買單一版型(USD$59.95),第二種是所有的版型(USD$199.95),如果不付錢的話你還是可以用,但是他們不提供任何的技術支援服務,所有都要自己摸索。高登也曾下了幾個來試試看,但是發覺真的不好搞,弄了老半天還是無法將所有的功能都設好,後來因為太忙就沒試下去。

但是現在去他們的網站,發覺新版3.0下載的連結不見了,可能是又走回原來要付費的政策了吧!

而這個Lifestyle的版型是我個人最中意的版型,乾淨、清爽、看起來舒服,如果不想花錢的話,網路上還有一些2.0舊版的連結還是可以下載得到喔!

Revolution Lifestyle Blogger Template

而現在有MagzNetwork跟RevolutionTwo合作,推出了這個Blogger用的「Revolution Lifestyle Blogger Template」,比較特別的是有一個免費的Blog版型和付費的Magazine版型,付費的要價USD$25元,費用也還好啦,你可以點以下許的圖片看示範,真的就是放在Blogger的站喔!

Revolution Lifestyle Blog Template

Revolution Lifestyle Blog Template

Revolution Lifestyle Magazine Template

Revolution Lifestyle Magazine Template

至於安裝的方式在MagzNetwork Blog Design的網站有說明,有興趣的人看看吧!

閱讀全文...

在Blogger文章中插入程式碼

Blogger Logo

Blogger也可以

上一篇「在文章中插入程式碼」是針對WordPress架站的解決方案,但是高登在Blogger也有另一個分站「紅豬部落」同步發文,所以就算上一篇沒有網友留言說Blogger不能用,高登也一定要找出在Blogger文章中插入程式碼的解決方案。

首先針對:「要能夠直接打< 和 >而不用轉換。」Blogger有人將SyntaxHighlight的Javascript轉成Blogger可以用,但是高登看了一下對一般人而言有些難度,所以找到這一個解決方案,這個不只是Blogger可以用,所有的部落格或是網站都可以用。

HTML Encoder網站

請到「HTML Encoder」這個網頁將你的程式碼貼上,按下〔Encode〕按鈕,就可以在下方看到已經將你的「<」和「>」都轉好了,複製起來就可以用了。

在Blogger文章中插入程式碼

接下來就針對「要加一段<pre>用的CSS,裡面要有防止溢位的功能」的解決方案:

修改Blogger CSS

用Blogger/Blogspot的好處就是所有原始程式是公開的,只要你會改就沒有什麼太大的限制。接下來在你的Blogger後台選擇〔版面配置〕→〔修改HTML〕→勾選〔展開小裝置範本〕,插入這一段CSS程式碼:

.post pre {
  background: #F0F0F0 url(http://你的圖片網址/blogger-code.gif) repeat-y scroll left top;
  border: 1px solid #CCCCCC;
  color: #333333;
  display: block;
  font-family: Courier New;
  font-size: 10pt;
  line-height: 120%;
  margin: 5px 0 0 20px;
  max-height: 200px;
  overflow: auto;
  padding: 10px 10px 10px 21px;
  width: 90%;
}

請記得將「圖片網址」改成你自己上傳的圖片網址,還有這段程式碼我是放在「.post-body」的前面,你也不一定要放在這裡,但是相關的放在一起會比較好找,好了之後〔儲存範本〕就一切OK了。

發文

這樣子你以後要插入程式碼只要用<pre></pre>包住:

在Blogger文章中插入程式碼

就可以像WordPress一樣的快樂貼程式碼了。

在Blogger文章中插入程式碼

至於其他的BSP就等大家自己試囉!。

閱讀全文...