分享:如何在blogger中放置並顯示程式碼


在blogger中如何讓你的原始的程式碼顯示出來~
如HTML,CSS或是Java Script語法~我分享下面的做法~

1、登入你的blogger管理頁面→版面配置→html修改→把小裝置打勾
2、(記得先把你的模版先備份下來)
3、找到程式碼中的 ]]></b:skin>
4、把下面這段css程式碼放在]]></b:skin>上面



.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}


5、存檔

這樣,下次你要完整的顯示程式碼時,
只要用<div class="codeview">你的程式碼</div>就可以了~
像本文上面那段原始碼就是厄這樣秀出來的~

0 意見:

張貼留言


1.本部落格不含"nofollow",多留言幫自己多加分喔!
2.沒有blogger帳號者選擇【名稱/網址】一樣可以留言^^y
3.匿名攻訐、不相干之廣告適用於無條件刪去法,望請海涵:)
4.您可以使用一些 HTML 標記,如:粗體, 斜體, 描述文字
5.勿違反公序良俗XD

注意:只有此網誌的成員可以留言。