新・元地方の中規模印刷会社で苦悩する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

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

  関連記事

「Xperia arc」や「Xperia acro」がテザリング対応に

1年以上前の記事です。内容が古い可能性があります。これで来年の機種変更するときの …

no image
Bluetoothはハックの危険度が高い

1年以上前の記事です。内容が古い可能性があります。今やWi-Fi(ワイファイ)と …

なんと今年中にツイッターの過去のつぶやきが全件取得可能になるらしい

1年以上前の記事です。内容が古い可能性があります。とのこと。ツイッター(Twit …

安物買いのデータ失い(Seagate製のHDDにトラブル)

1年以上前の記事です。内容が古い可能性があります。Seagate製のHDDの一部 …

Webブラウザで遊べる「スーパーマリオブラザーズ」が凄い

1年以上前の記事です。内容が古い可能性があります。なんと!ファミコン(ファミリー …

AKBは終わらない。AKB48選抜総選挙2014、1位は渡辺麻友(まゆゆ)さん

1年以上前の記事です。内容が古い可能性があります。個人的にはあえて触れるような事 …

熊本地震の被災者たちが「ほしい物リスト」をアマゾン(Amazon)が公開

1年以上前の記事です。内容が古い可能性があります。2011年に3月11日に起きた …

Flickr→Facebook連携が大きな写真でできるようになった

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

ワードプレス(WordPress)でトップページをデザインする方法 #wp

1年以上前の記事です。内容が古い可能性があります。さて、テーマのコピーが用意でき …

Appleに負けるな!Googleマップも3D化へ

1年以上前の記事です。内容が古い可能性があります。「iOS 6」でAppleが独 …

血液型オヤジ