- ブログネタ:
- meet-me2軒目 に参加中!
12/09 [更新 1 ]CSSを少し更新しました。
12/09 [更新 2 ] 文字化け対策版 ( EUC-JP版、Shift-JIS版 ) を作りました。
本日の「みんなのブログ」アップデートでいろいろ便利になりましたね。
予告されてたコメントやグッド! (いいね)だけじゃなく、
記事削除もできるようになったし、
自分のブログ一覧も見られるようになりましたね。
(おかげで、これやこれやこれを全部対応させなきゃ、で大変でしたw)
だけど、予想してたことだけど、やっぱりコメントがあっちもこっちもでは面倒くさい・・・
イザ!やライブドア(や他のブログもかな?)では、コメントが入ると、
電子メールが届くので、すぐ気がつくんだけど、
みんなのブログだと、そういう気の利いた機能はないみたい・・・
で、アナウンサー氏もがんばってらしたみたいですが、
本ブログの下に、みんなのブログのコメントをぶち込む機能を作って仕込んでみました。
このページの下を見てみて下さい。
(みんなのブログで読んでる人は こちらの本記事 を見てみてねw)
ただし以下の制限があります。
1.投稿したブログがみんなのブログに反映された直後だとまだ表示されないことがあります。
5~10分くらいすれば表示されますが、それでも表示されない場合は、
ここにアクセスしてやると、表示されるようになります。
2.個別記事のページでのみ表示可能です。
(みんなのブログ側から本記事に飛ぶリンクURLと同じURLだと正常に表示されます)
3.2の関係でうまく表示されないブログがあるかもしれません(ライブドアは大丈夫です)。
埋め込み方ですが、ちょっと知識がいるかも。
(ライブドアの場合)
(手順 1)ブログ設定→PC→カスタマイズ→CSS の一番下に これ (12/09更新) を追加して「保存する」ボタンをクリック。
(手順 2)ブログ設定→PC→カスタマイズ→個別記事ページ のどこか(みんなのブログコメントを入れたい場所)に
以下の2行(12/14修正)を追加して「保存する」ボタンをクリック。
<div id="minblocomment"></div>
<script type="text/javascript" src="http://mmrss.netgamers.jp/minblocomment.js" charset="UTF-8"></script>このイザ!風デザインの場合、
</IfArticleAllowComment> の直後だと、ライブドアのコメントの下に
<div id="article-options">の直後だと、ライブドアのコメントの上に、みんなのブログコメントが挿入されます。
選んだデザインによって、適切な挿入場所が変わりますので、
よく分からない人は、①選んだデザインの名前(とブログのアドレス)、②表示したい場所 をコメントくれれば、
具体的にどこに挿入したらいいのかお教えいたします。
(2)はブログ設定で入れなくても、毎回記事の最後に追記してもかまいません。
が、毎回入れるのも面倒でしょうから、ブログ設定で記事内とは別のところに入れておくことをお奨めします。
Shift-JIS や EUC-JP のブログでは文字化けしてしまいますので、
以下の2つのどちらかで試してみて下さい。
文字化け対策は、<script .... charset="UTF-8"> でよかったのを思い出して、もともとの2行の方を修正しました^^;;; (12/4)
まぁ、まだ不具合とかあるかもしれませんが、ご興味のある方はおためしあれ。
うまく表示できない方へ
1/18 追記
※※※※※ Internet Explorer で表示されないって人へ ※※※※※
自分のブログだけでなく、うちのページでも、みんなのブログコメントが表示されない場合は、
コントロールパネルから①ネットワークとインターネット②インターネットオプション③セキュリティ④レベルのカスタマイズ⑤「ドメイン間でのデータソースのアクセス」を「有効」に変更⑥OKボタン
1/12 追記
※※※※※ たまに表示されないことがある? ※※※※※
ちなみに、みんなのブログコメントの表示は、
ページが表示された後に、Javascriptというプログラムが動いて
後から追加で表示される、という仕組みなのですが、
Javascriptはもともと他にも設置されていて
これらが、ソースの順番通りに実行されていきます。
なので、みんなのブログコメント埋め込みに順番が回ってくる前の
Javascriptで、時間がかかったりすると、
なかなか、みんなのブログコメントが表示されないことがあります。
特に、コメントの上にある、ツイッターの「ツイート」アイコン。
これが Javascript を使うのですが、
ツイッター側のサーバが混んでいるようで、
たまに、この段階で固まったりします。
そうすると、結局、Javascript がタイムアウトエラーで止まってしまい、
みんなのブログコメントが表示されないままになってしまいます。
時間をおいて、もう一度ページを読み込み直すと、
正常に表示されることもありますが、
これが頻発するようなら、
ツイートアイコンを非表示にすることをお奨めします。
ブログ設定→外部サービス→ソーシャルボタン
ここの Twitter ツイート のチェックを外してみて下さい。
コメント一覧 (13)
便利なツールありがとうございます!
ありがとうございます。
テーマの仕様に関しては今ライブドアに問い合わせていますのでしばらくお待ちください。
いつも、ブログの設定とかわからないので、バーグさんのブログを見て設定させていただいているのですが、みんなのブログのコメントがライブドアのコメントの上に出てしまったんです(つд⊂)
</IfArticleAllowComment> の直後に入れたと思うのですが、入れるところ間違っているのでしょうか?
よくわからないので、もしよければ教えていただけませんか?
よろしくお願いします(>人<;)
いえいえ、どういたしまして^^
引っ越しおめでとうございます^^
ご活用いただけたようでよかったです^^
1003件から増えてないみたいだし、1001件から増えたのも、日時は過去のもの。
もしかしたら、新記事じゃなくて、記事修正でも、カウント+1ってことかな?
選んだテーマによって、htmlソースの書き方が違うので、
ソースをなんとなくでも読めないと、狙った位置に正しく入れるのが難しいんです^^;
で、たまたま夜宵さんの選んだデザインを見つけられたので、
調べてみました。
<!-- ..... Options ..... -->
<div id="article-options">
<$TrackBackForm$>
<$TrackBacksList$>
<$CommentsList$>
<$CommentForm$>
→ここ
</div><!-- articleOption End -->
に入れてみて下さいね^^
無事、ライブドアのコメントの下に設定することができました^^
わざわざ、調べていただきありがとうございました^^
こういう設定とか本当にわからないので、これからもバーグさんのブログを参考にさせていただくと思いますので、よろしくお願いします^^
1. バーグ - 2013/12/05
こんな感じです^^
----------
2. ぴよ - 2013/12/06
いつも、ありがとうございます!
アッチコッチ見るところが増えて大変なので、
早速、使わせてもらいます!ヽ(*^^*)ノ
上手く出来るといいけど…^^;
----------
3. アナウンサー - 2013/12/06
おお、iframe大量とは次元が違うw
ということで積んでみたんですが…いくらやってもno_idしか返ってこないw(ほかの忍者ブログでもそうです。)
URLが日本語じゃダメなんですかね?ダメならURLを英語で指定しますけど…。
----------
4. アナウンサー - 2013/12/06
英語で指定したところバリバリOKでしたw日本語につきものの%が邪魔してるんでしょうね。
それはこっちで対応するので修正とかはしなくて大丈夫です。
さすがです!!!
----------
5. バーグ - 2013/12/06
To ぴよさん
ばっちりできてますよ^^ よかったです^^
----------
6. バーグ - 2013/12/06
To アナウンサーさん
全角文字URLまで考慮してなかったです^^;
たぶんこっちで対応できると思うので、明日あたりやってみます
そのエラーメッセージですが、うん、惜しいところまで行きましたね^^;
最初私もそこでつまづきました。
これはJavascript特有のセキュリティ制限の一種で、
んで、そういうときの常套手段は、結局Javascriptだけじゃダメなので
PHPを間にかますってことになります。
私がやったのとはちょっと違うけど、たとえば
http://www.muratayusuke.com/2011/05/28/access-control-allow-origin/
こんな感じですね^^;
Javascriptはクライアントサイドで動くだけに、ウィルスやワームに悪用されやすく
その分セキュリティ制限が厳しいので、
やっぱりインターネット上のプログラムはサーバサイドのPHPを使えた方が断然便利ですよ。
是非、勉強してみて下さいね^^
----------
7. バーグ - 2013/12/07
日本語URL記事にも対応できたと思います。
----------
8. アナウンサー - 2013/12/07
使えました。ありがとうございます。
PHPですか…。JavascriptとCSSがまともに扱えるようになってからにしますw
----------
9. いな穂 - 2013/12/07
>バーグさん
お久しぶりです^^うっじゃり魔女以来かな~?
ライブドアブログに、みんなのブログのコメント
無事反映できました!ありがとうございました^^
今度、また、アニソン大会でもしたいですね~!
----------
10. バーグ - 2013/12/08
To いな穂さん
無事設置できてよかったです^^
アニソン?いまいち分かりませんが、よろしくお願いします^^;
----------
11. まあじょ - 2013/12/10
問い合わせる前に対応していただいていてびっくり。
本当に感謝です。ありがとうございます。m(__)m
----------
12. バーグ - 2013/12/10
To まあじょさん
どこぞの○○さんとは違うでしょ?w
いや、たまたま文字化けしてるの見つけちゃったのでwww
直ってよかったですw