新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

ブログの記事にツイート(つぶやき)一覧を表示させるようにした

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

過去に「はてなブックマーク」でブックマークされた際に書かれるブックマークコメント(ブコメ)を記事の後半に表示させるようにしましたが、今度は「ツイッター(twitter)」でブログの記事が言及されたときに、そのツイートを表示させることにしました。
はてなブックマークのブックマークコメントに関しては表示させるようにする前からよく見させてもらっていましたが、ツイッター(twitter)でどのように言及されているのかはあまり気にしていなかったので、これを機に、一通り記事を見て回ろうかなぁと思ってます。 

できる100ワザ ツイッター Twitterパーフェクトテクニック (できる100ワザシリーズ)できる100ワザ ツイッター Twitterパーフェクトテクニック (できる100ワザシリーズ)
著者:コグレマサト
販売元:インプレスジャパン
発売日:2010-03-12
レビューを見る

スポンサーリンク
 

方法ですが、以下のサイトを参考にさせていただきました。
□ ブログに関連する Twitterの呟きを表示する 『超おむすび』
ほぼ、こちらに書かれているとおりです。
一部スクリプトの改造、オリジナルCSSの作成等を行い、当ブログに適したデザインに変えさせていただきました。
なお、当ブログとまったく同じ状態にしたいということであれば以下の手順でできると思います。

  1. 外部JSファイルを用意します。当ブログで使っているものはダイレクトにここにあります。 
  2. 次に、HTMLにソースを埋め込みます。当ブログで使っているソースはページ上で右クリックして「ページのソースを表示」で見てもらうとわかります。
    今のところ「ツイッターで言及」というコメントに挟まれている部分になります。
  3. 最後にCSSを作ります。
    当ブログで作ったのはダイレクトにここにあります。
    今のところ末尾にある「ツイッターコメント用」以降の部分になります。

各ファイルは告知なしに更新する可能性が大いにあるので注意してください。
っていうか、参考程度に見ていただく分にはかまいませんが使わないほうが懸命だと思います 

 - プログラミング, 告知・紹介・ニュース

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

no image
最近Web上で流行っているモノ

1年以上前の記事です。内容が古い可能性があります。最近Web上で流行っているモノ …

no image
ゲームアイドル「杏野はるな」さん、事務所社長と結婚→離婚してた

1年以上前の記事です。内容が古い可能性があります。やはり、ネット上の繋がりなんて …

遂にSuica(スイカ)で全国どこでもいけるようになりました

1年以上前の記事です。内容が古い可能性があります。JR東日本の電子マネーSuic …

ツイッター(Twitter)に国境。国ごとに不適切発言をブロック

1年以上前の記事です。内容が古い可能性があります。リアルの世界に国境があるように …

ツイッターで片思い、片思われが分かる「ついっぷるフレンズ」

1年以上前の記事です。内容が古い可能性があります。以前も何度か紹介したことのある …

本気になったAUが全部入りスマートフォン「IS03」を発表

1年以上前の記事です。内容が古い可能性があります。スマートフォンといえばなんとい …

Facebook(フェイスブック)は自分で注意していてもアカウントが乗っ取られる可能性がある

1年以上前の記事です。内容が古い可能性があります。あくまでも可能性があるというだ …

無料でPDFファイルが作れる「クセロPDF2」

1年以上前の記事です。内容が古い可能性があります。PDFといえばAdobeのAc …

「してる」機能でさらに交流が深まる。「おはようパンダ」がバージョンアップ【iPhoneアプリ】

1年以上前の記事です。内容が古い可能性があります。「おはようパンダ」がバージョン …

選挙の裏ワザ「支持政党なし」という名前の政党が存在する

1年以上前の記事です。内容が古い可能性があります。裏ワザというのはファミコンだけ …

血液型オヤジ