TOP > スポンサー広告 > title - 使いたいツール名や、HTML挿入箇所がわからないときに役立つツールTOP > HTML講座 > title - 使いたいツール名や、HTML挿入箇所がわからないときに役立つツール

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
RSS twitter livedoorクリップ Buzzurl Google Bookmarks delicious Yahoo!ブックマークに登録 はてなブックマーク はてなブックマーク
タグ /

使いたいツール名や、HTML挿入箇所がわからないときに役立つツール

HTML講座に入れていいか、カテゴリーを迷ったのですが、まぁいいか(笑)

このところ、コメント欄に「このタグを入れたいんだけど、HTMLのどこに入れていいかわからない」
「アドセンスをヘッダー下に入れたいんだけど、タグの挿入箇所がわからない」
といった質問をいただきます。
そういうときに役立つのが、「FireBug」です。

firebug

FireFoxのユーザーのみ、FireFoxのアドオンなんですが、これは非常に便利です。
このアドオンをダウンロードすると、FireFox利用時にはテントウムシ?かぶとむし?あ、蜂ですねw
のようなアイコンが常に
PC画面の右下に出るようになります。

firebug

で、例えば、私のこの「だら奥のネットで副収入」に右サイドバーにツイッターのバッジがありますけど
これはどこにHTMLを入れてるのかなとか、どっからこのバッジは手に入れるんだろう
と疑問に思った、とします。

そしたら、この蜂のマークをクリックすると下記のような画面が出ます。

firebug

恐ろしいことに、私のサイトのソースが見れちゃうわけです。

次に、

firebug

このボタンを押して、知りたい部分のソースを調べます。

今回はツイッターのバッジをどこで入手して、HTMLのどこに入れたのかを知りたいので
ツイッターバッジの部分にカーソルを持っていくと、HTMLソースが表示されます。

firebug

すると、HTMLの中にツールのダウンロード先も書いてありますから、そこからバッジをもらいに行けばいいと。
また、HTMLもソース順に表示されるので、どこにいれればいいのかも
わかります。

私も実際、ツイッターバッジっていう名前さえわからずに、このツールが気になってて
欲しかったけれども名前がわからず、悩んでたところ、FireBugでわかった、という次第。

ブログツール利用だけじゃないFireBug


ブログパーツやツールだけじゃなくて、
「あ、この人のデザインいいな」っていろんなサイトやブログを徘徊していると
思うことはありませんか?

そういうときにも、私はこのFireBug使ったりします。

また、「これどうやってるんだろう?」というときにも便利。

HTMLだけじゃなくて、CSSも観ることができますから、丸裸にされるツールでもある、というわけです。

かなり便利なツールですし、無料なので、がんがん利用しちゃってください。

FireBugはこちら

【トレミー】人気ブログランキングにほんブログ村 小遣いブログ 検索連動広告・コンテンツ連動広告へblogram投票ボタン
RSS twitter livedoorクリップ Buzzurl Google Bookmarks delicious Yahoo!ブックマークに登録 はてなブックマーク はてなブックマーク
タグ /
Comments

モンスケ

こんにちわ~。

ご無沙汰している間に、
すっかり、ブログが様変わりしていて、
びっくりしました。

いろいろとがんばっていますね。
私も見習わなきゃ!です。

と、相変わらず、
マイペースですが。
幼稚園の準備に追われています。
昨日は、入園式用の洋服を
見てきました~。
なかなか、決まらなくて、
ストレスがたまります。

がんばります!
では、また♪

2011/02/24 Thu 09:22 | URL

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2011/02/24 Thu 17:08 | URL

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2011/02/25 Fri 02:06 | URL

のりなん おはようございます

これめちゃくちゃ便利そうですね!!
いっぱい良いサイトの裏側の覗くには大活躍しそうなツールです。

先日、るじゅさんのところからzenback登録しました^^
便利なのですが、関連リンクがすべてるじゅさんのサイトには驚きました。
私がやろうとしていることをすでにるじゅさんが網羅している・・・いや、ホントすごい!

2011/02/25 Fri 09:07 | URL

きゃろり

ほほ~!
教えていただいてから使用していたんですが、四角ボタンの所を押せばよかったんですねw

分からずにモンモンとしてましたw

2011/02/25 Fri 13:55 | URL

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2011/02/25 Fri 15:43 | URL

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2011/02/26 Sat 00:43 | URL

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2011/02/26 Sat 10:23 | URL

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2011/02/26 Sat 13:32 | URL

Add a comment


管理者にだけ表示を許可する

 | BLOG TOP | 

私も利用中!

ブックマーク

Yahoo!ブックマークに登録

検索フォーム

執筆しました!

GoogleAdSense グーグルアドセンスで<本気で稼ぐ>コレだけ!技 (得するコレだけ!技)

新品価格
¥1,974から
(2011/2/10 22:55時点)

私が執筆させていただきました!

ブログ情報


最新コメント

リンク

特集記事

最新記事

必見記事

アフィリエイト初心者講座

お小遣いサイトの作り方

お役立ちツール

つぃぃと

ケアプロスト
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。