いろいろメモ: Blogger

ラベル Blogger の投稿を表示しています。すべての投稿を表示

2015/01/27

Blogger内にソースコード貼り付け

「SyntaxHighlighter」やら、かっこいいのは、いろいろあるのですが、

もちょっとお気楽に何とかならんかなぁ。と見つけてみた。

Source Code Formatter for Blogger, Blogspot , Blog & Blogging, Format Formatting Tool

ソース貼り付け、生成ボタン押して、自分のブログにコピペで完了。
飾りはないけど、コードが貼れればおっけー。という人向け。

↓こんな感じ。(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 + '&nbsp;&nbsp;' + pudate + postTitle + '</a><br /><br />';  
     document.write(item);  
  }  
 }  
 </script>  
 <script src="http://xxxxx.blogspot.jp/feeds/posts/summary?category=xxxxx&amp;orderby=published&amp;max-results=100&amp;alt=json-in-script&amp;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;

2014/12/20

Blogger JSON Feed API

Blogger内だったら、Google Feed Api不要?

Blogger JSON Feed APIってのがあるようだ。

元ネタ:http://www.danpros.com/2013/08/blogger-json-feed-api

DEMO

コード

 <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 item = '・<a href=' + postUrl + '>' + pudate + postTitle + '</a><br /><br />';  
  document.write(item);  
  }  
 }  
 </script>  
 <script src="http://pon250.blogspot.jp/feeds/posts/summary?category=blogger&orderby=published&max-results=30&alt=json-in-script&callback=mycallback"></script>

↑上記、赤文字、Blogger URL、カテゴリ名(カテゴリ指定なければ削除)、max-resultを変更。
※<lt>、<div>、をブロガーのHTML編集画面に入れると、[更新]後に、余計な改行を入れられ、動作しなくなる。

→続き:Bloggerだったら、Google Feed Api不要?(サムネイル付き)

2014/12/12

Blogger トップページを固定ページにする

Bloggerをつかって、ホームページ風にしたいとき、

URLを入力すると、標準では、最新投稿順に表示されるけど、
それを固定ページにしたいとき。
のメモ。

Bloggerダッシュボード、[ページ]から、[新しいページ]を作って、URLを確認しておく。
例) http://pon250.blogger.jp/p/blog-page.html

追記)新しいページを作る時、タイトルを「index」としておくと、ファイル名が「/p/index.html」になるので、こっちのほうがかっこいいかも。
(後にタイトルを変更してもファイル名は変わらない。)
Bloggerダッシュボード　→　設定　→　検索設定
エラーとリダイレクト　カスタムリダイレクト　編集
リダレクト元　[ / ]
リダイレクト先 [ /p/blog-page.html ]　←1.のもの
永続的　[ x ]
保存
変更を保存
以上で、
http://pon250.blogger.jp/ として入ってきても、
http://pon250.blogger.jp/p/blog-page.html のページが表示される。
と、今度、ブログの投稿表示ができなくなってしまうので、
レイアウトから、ガジェットを追加、基本　→　ページ
[x] トップページ
+外部リンクを追加
ページタイトルを入力　[ 投稿一覧 ]　(←なんでもいい)
ウェブアドレス(URL) [ http://pon250.blogspot.jp/search/label/ ]
として、メニューを作っておくと、一覧表示できる。

サンプル　→　http://pon250-1.blogspot.jp/

2014/11/08

blogger.jp 繋がらない

例えば、このページは、「.jp」→「.com/ncr」をつけると大丈夫とか、
http://pon250.blogspot.jp/2014/11/blogger.html
↓
http://pon250.blogspot.com/ncr/2014/11/blogger.html

それとも
「.jp」→「.tw」にするとか、
http://pon250.blogspot.jp/2014/11/blogger.html
↓
http://pon250.blogspot.tw/2014/11/blogger.html

検索エンジンに見つかるように、上に書いてみました。

ここのブログもそうだけど、
blogspot.jp　全体に接続できない模様。

ぐぐってみたら、ドメインレベルで全滅。

googleさん、早く直してください。

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

11/08 21:45
blogspot.jp 繋がるようになったみたい。

whois も、

Domain Information: [ドメイン情報]
[Domain Name]                   BLOGSPOT.JP

[登録者名]                      Google Inc.
[Registrant]                    Google Inc.

[Name Server]                   ns1.google.com
[Name Server]                   ns2.google.com
[Name Server]                   ns3.google.com
[Name Server]                   ns4.google.com
[Signing Key]                   

[登録年月日]                    2009/10/22
[有効期限]                      2015/10/31
[状態]                          Active
[最終更新]                      2014/11/08 18:22:18 (JST)

になってる。

何だったんだ。

登録: 投稿 ( Atom )