クマパラ: 2014

2014年11月30日日曜日

bloggerにPRを入れる

楽天広告を入れるには？

今まで　いちいちコピペしていた！

面倒なので　投稿するときに予め入ってたら楽なのでは？って

いうことで

投稿とコメント　から　入れるだけ！

新しい投稿にしたら　出た！　よしよし！

-PR-

bloggerのCSS

google-code-prettifの続きです

こんなになったので

ｃssを変えないとね～

テンプレートの中

カスタマイズを選択して

あった！CSS追加！

ここに書けばいいのね！

これでいいハズ！

入れたのはこれ！

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

解ってしまえばどうってことないんだね～
行番号だとか　色変えなどは　ググればいくらでも出てくるし　テンプレートもいっぱいあるんだからそこでやればいいんだから後で勉強しようっと！　

とりあえず表示出来ることが分かった！　めでたしめでたし

-PR-

2014年11月29日土曜日

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-