「SyntaxHighlighter」やら、かっこいいのは、いろいろあるのですが、
もちょっとお気楽に何とかならんかなぁ。と見つけてみた。
ソース貼り付け、生成ボタン押して、自分のブログにコピペで完了。飾りはないけど、コードが貼れればおっけー。という人向け。
↓こんな感じ。(Blogger feed api サムネイル付き)
<script type="text/javascript"> function mycallback(json) { for (var i = 0; i < json.feed.entry.length; i++) { for (var j = 0; j < json.feed.entry[i].link.length; j++) { if (json.feed.entry[i].link[j].rel == 'alternate') { var postUrl = json.feed.entry[i].link[j].href; break; } } var postTitle = json.feed.entry[i].title.$t; var postdate = json.feed.entry[i].published.$t; var pyear = postdate.substring(0,4); var pmonth = postdate.substring(5,7); var pday = postdate.substring(8,10); var pudate = pyear + "/" + pmonth + "/" + pday + " "; var pimgurl; if (typeof(json.feed.entry[i].media$thumbnail) !== "undefined") { pimgurl = json.feed.entry[i].media$thumbnail.url; }else{ pimgurl =
"http://2.bp.blogspot.com/xxxxx.png";} var pimg = '<img src=' + pimgurl + ' height=60 align=middle>'; var item = '<a href=' + postUrl + '>' + pimg + ' ' + pudate + postTitle + '</a><br /><br />'; document.write(item); } } </script> <script src="htt
p://xxxxx.blogspot.jp/feeds/posts/summary?category=xxxxx&orderby=published&max-results=100&alt=json-in-script&callback=mycallback"></script>
↑水色部分、個別に。
なをかつ、生成コードから下記赤字部分削除してます。
font-family:arial;
font-size:12px;
border:1px dashed #CCCCCC;
width:99%;
height:auto;
overflow:auto;
background:#f0f0f0;
line-height:20px;
padding:0px;
color:#000000;
text-align:left;
}
pre.CICodeFormatter code{
color:#000000;
word-wrap:normal;
0 件のコメント :
コメントを投稿