2007年12月16日 星期日

如何在blogger部落格裡張貼原始碼(網頁)語法

不知道大家有沒有使用blogger部落格,如果在這裡想要張貼一些語法教學的話,是會被blogger直接顯示結果,而無法正確的顯示出語法

剛剛我在良人的大秘寶看到很不錯的方法



第一就是複製以下的語法,然後到blogger範本->修改HTML

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;
}



然後找尋之後貼在< / h e a d>之前,建議貼在這之前


/* Variable definitions
====================


如果找不到也沒關係,可以貼在之前就行,不過可能會依版面不同,可能會出現錯誤或是亂碼,這時請把剛剛張貼的語法位置稍微移一下位置在試看看,

如果範本html裡本身就有類似這些語法那可能就可以直接使用這個功能

-----------
然後要使用或是張貼這些語法要顯示這些語法時請放在code 及/code語法中間,就能正確的顯示,記得在code及/code左邊要加<,右邊加>符號才能使用
將程式碼置於code和/code >之間。

如果還是看不懂我的說明,那網友可以到下列我參考的網站參閱原文章或是詢問該作者,應該就能明瞭了

參考及引用blog
不思議惑星Magical Star Blogger: 如何在文章裡顯示程式碼的語法
http://klcintw4.blogspot.com/2006/11/blog-post_03.html

http://arkelin.blogspot.com/2007/10/blog-post.html


-----------------
+收藏星空下的世界-一樣迷茫~~~非常的迷茫網站

http://starsky.idv.st


-----------

--------------