IT・コンピューター

DISQUSコメントを使う

アメブロのコメントがいちいちポップアップしてくるので不便だなぁ・・・

そう思っていたところ

こちらの 45RPMさんの記事にバッチリはまるカスタマイズ法がありましたので紹介します

まずはDISQUS からブログの登録をします

登録が済んだら、ブログに貼るための「インストール」をクリックします

wordpressやいろんなブログサービスがありますが、アメブロの場合

一番下の

「universal code」　を選択するのです

embed code　を　アメブロのフリープラグにコピペするのです

3行目のshortname=”example”の部分は先ほど登録の時に決めたshortnameを記入します

私はshortname="ameblo"

つづいて、このままだとサイドバーに表示されてしまうので

以下のスクリプトも追加してコピペということです

<script type="text/javascript"> var url=location.href; if (url.match(/^.+\/entry[\-0-9]*\.html$/g )) { $("#disqus_thread").insertBefore("div.foot"); } else if (url.match(/^.+\/entry[\-0-9]*\.html\#main$/g )) { $("#disqus_thread").insertBefore("div.foot"); } else { $("#disqus_thread").css('display', 'none'); } </script>

こんな感じで、DISQUSコメントが記事下にきました。。。