google-code-prettifの設置はわかってしまえば簡単！

google-code-prettifの設置はわかってしまえば簡単！
bloggerに設置するのは　超カンタンです！

テンプレートを開いて　<head>の中に入れる

ｊｓを読込させるだけの記述です

 
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js">

と入れる

-PR-

google-code-prettifの設置

 google-code-prettifを設置してみる

わけわからんがとにかくやってみる！

 

.pln{color:#ccc}
pre.prettyprint{background:#2d2d2d;font-family:Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;font-size:12px;line-height:1.5;border:1px solid #ccc;padding:10px}
pre.prettyprint code {font-family:Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;margin:0; padding:0; border:0}
ol.linenums{margin-top:0;margin-bottom:0}
ol.linenums li{list-style:decimal outside;color:#999}
@media screen {
 .str{color:#9c9}
 .kwd{color:#c9c}
 .com{color:#999}
 .atv{color:#6cc}
 .var{color:#f2777a}
 .typ,.fun{color:#69c}
 .lit,.atn{color:#f99157}
 .pun,.opn,.clo,.tag,.dec{color:#ccc}
}
@media print,projection {
 .com{color:#600;font-style:italic}
 .typ{color:#404;font-weight:700}
 .lit{color:#044}
 .pun,.opn,.clo{color:#440}
 .atn{color:#404}
 .str,.atv{color:#060}
 .kwd,.tag{color:#006;font-weight:700}
}

CSSはドコにあるんだろう？

-PR-