新・元地方の中規模印刷会社で苦悩する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
Windows 7発売は2009年6月3日?

1年以上前の記事です。内容が古い可能性があります。Windows 7に関して具体 …

no image
「iPhone 8/8 Plus/X」発表。目玉はホームボタンのなくなったX(テン)の顔認証

1年以上前の記事です。内容が古い可能性があります。新型iPhoneが発表されまし …

「PUFF!」の流れを受けた美少女ブラ外しゲーム「Putti!」【iPhoneアプリ】

1年以上前の記事です。内容が古い可能性があります。かつて、iPhoneには「PU …

no image
韓国サムスン電子が太陽電池のケータイを発表

1年以上前の記事です。内容が古い可能性があります。□サムスン、太陽エネルギー駆動 …

アメリカで全新車にドライブレコーダー搭載義務化検討中

1年以上前の記事です。内容が古い可能性があります。これはこれであったら便利だと思 …

no image
熊谷ネタをまとめてみる

1年以上前の記事です。内容が古い可能性があります。ライブドアブログの「現在地のブ …

mixiにもアバターがあった

1年以上前の記事です。内容が古い可能性があります。mixiアプリが盛況なようです …

no image
30分のレッスンが60円の英会話教室

1年以上前の記事です。内容が古い可能性があります。英語をなんとか話せるようになり …

国会議員もバカじゃない。児童ポルノ禁止法(児ポ法)で漫画、アニメが対象外に

1年以上前の記事です。内容が古い可能性があります。以前から児ポ法(児童ポルノ禁止 …

知らん間に圧縮形式LZH(LHA)が使っちゃいけないことになっていた

1年以上前の記事です。内容が古い可能性があります。今となってはZIPがスタンダー …

血液型オヤジ