ブログのカスタマイズについて質問です（HTML/CSS）。

Question

Elise Motoo Alex

4

0もっと見る

コンピュータウェブ制作

ブログのカスタマイズについて質問です（HTML/CSS）。

ブログの上部にお知らせバナー的なものを設置したいと思っています。

そこで、僕が考えたのが…
①Twitterに専用アカウントを作成
②そのアカウントにてお知らせ内容をつぶやく
③ブログパーツ等でそのアカウントのつぶやきを表示
という方法です。

しかし、まだまだ初心者なのでFlash等によるブログパーツを作成することはできません。
表示させたいものは、一行程度のバナーです。
ブラウザの上部に常に表示されている（FC2ブログの検索バーのようなもの）タイプが理想ですが、ページ上部に普通に表示されるものでも構いません。

何かいい方法は無いでしょうか？
これをするのに適当なブログパーツなどあれば教えてほしいです。
ちなみにFC2ブログを利用しています。

ポイント
・ブログ上部に、Twitterのつぶやきをシンプルに表示したい
・または、一行程度のメッセージを上記のように表示させたい
・Flashの自作は出来ない
・それに使う画像の自作は出来る

回答の条件

1人5回まで

登録：2012/03/29 17:25:04
終了：2012/04/05 17:30:04

No.1

うぃんど262511492012/03/29 18:34:57

下記のプロフィールウィジェットを使えば、
FLASHではなくJAVAScriptのコードを作ってくれます
http://twitter.com/about/resources/widgets

手順を説明してくれている人のブログ
http://snsjack.blog75.fc2.com/blog-entry-402.html

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

Cherenkov · Accepted Answer · 2012-03-29T19:15:15+09:00

最新のつぶやきを1行表示するものをjQueryで書いてみました。
fc2ブログは自由にテンプレートを変更できるので適当な場所(</html>の前とか)に以下のコードをコピペして確認してみてください。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$.ajax({
  url: 'https://api.twitter.com/1/users/show.json?screen_name=dave_spector&callback=?',
  dataType: 'json',
  success: function(json) {
    var tweet = json.status.text;
    var img = json.profile_image_url;
    $('<div style="text-align:center;position:fixed;top:50px;width:100%;background-color:pink;"><img src="'+ img +'" style="width:30px;"><span>'+tweet+'</span></div>').appendTo(document.body)
  }
})
});
</script>

Cherenkov · Accepted Answer · 2012-03-29T19:15:15+09:00

最新のつぶやきを1行表示するものをjQueryで書いてみました。
fc2ブログは自由にテンプレートを変更できるので適当な場所(</html>の前とか)に以下のコードをコピペして確認してみてください。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$.ajax({
  url: 'https://api.twitter.com/1/users/show.json?screen_name=dave_spector&callback=?',
  dataType: 'json',
  success: function(json) {
    var tweet = json.status.text;
    var img = json.profile_image_url;
    $('<div style="text-align:center;position:fixed;top:50px;width:100%;background-color:pink;"><img src="'+ img +'" style="width:30px;"><span>'+tweet+'</span></div>').appendTo(document.body)
  }
})
});
</script>

ブログのカスタマイズについて質問です（HTML/CSS）。

ベストアンサー

Cherenkov15044932012/03/29 19:15:15

その他の回答（1件）

うぃんど262511492012/03/29 18:34:57

Cherenkov15044932012/03/29 19:15:15ここでベストアンサー

コメント（0件)

この質問への反応（ブックマークコメント）