1 2 3 4 5 6

廣告

網友您好,若是您覺得我寫的工具或文章對您有幫助,
而您或者您的朋友有在博客來購物,可以透過底下連結

如何在博客來購物贊助網站或是點選計數器下方的博客來圖示來讓網站可以永續經營。

2009年1月13日 星期二

讓blogspot可以顯示html語法或程式碼

如果要在網頁上顯示html語法或程式碼是很麻煩的一件事,因為空白跟換行在網頁上會使的網頁上的排版整個亂掉,所以必須經過一些步驟,才可以讓您的程式碼或是html語法正確顯示。
1.進入範本.選修改HTML ,把展開小裝置範本打勾,把底下的程式碼放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(http://lh4.ggpht.com/_gtsCbNaafP0/SUDvQpyJL8I/AAAAAAAAANg/sPEZhnxhbg8/CodeBlock.png) left top repeat-y;}

2. 每次要寫程式碼時必須<pre><code>原始碼</code></pre>

3. 這是最後顯示的結果

ps:如果程式碼中有HTML的符號,則必須先轉碼,參考以下連結

如何在網頁上張貼html語法

參考網站:blogger如何製作高品質html原始碼

沒有留言:

贊助

彰化一整天粉絲團