ブログの超技・テクニック集

アメリカの天気予報を貼り付ける

日本ではあまり使い道にない情報かもしれませんけど
アメリカ在住の方向けに地域の天気予報をブログに貼り付ける方法を
探してみました。（これ、こじろwさんの宿題リクエストです）
週間天気予報はちょっとまだ研究中ですが、現在の予報は表示できます。

http://banners.wunderground.com/weathersticker/big2_both_cond/language/www/US/KY/Hopkinsville.gif

http://banners.wunderground.com/weathersticker/sunandmoon_both/language/www/US/KY/Hopkinsville.gif

http://banners.wunderground.com/weathersticker/htmlSticker2_cond/language/www/US/KY/Hopkinsville.gif

【上の天気予報表示】
[http://banners.wunderground.com/weathersticker/big2_both_cond/language/www/US/KY/Hopkinsville.gif]

【真ん中の天気予報表示】
[http://banners.wunderground.com/weathersticker/sunandmoon_both/language/www/US/KY/Hopkinsville.gif]

【下の天気予報表示】
[http://banners.wunderground.com/weathersticker/htmlSticker2_cond/language/www/US/KY/Hopkinsville.gif]

【地域の変更方法】
"KY"のところをそれぞれの州の略称（カリフォルニアならCA）に変更し、
その後の"Hopkinsville"を指定したい市名に変更してください。
エラーが出るときは近くの大き目の町で指定するとうまくいくと思います。

【ちょっと面倒だなって思った方へ･･･】
もし、天気予報作ってほしいっていう町があれば作って送りますので
コメントにリクエスト入れておいてください。ドップラーレーダー図もOKです。

注）① Wiki文法を使用するにチェックを入れてください。
注）② コードは半角文字で一続きですので、途中でスペースや改行や全角文字が入ると上手く表示されません。ご自分のブログに上記コードをコピペしたときに勝手に改行マークが入ってしまうことがありますので、その改行部分だけ一回削除して打ち直してみてください。（もしくはテキストファイル等に貼り付けて改行されている部分があれば、改行を消してから再度ブログにコピペしてください。今度はうまく表示されているはずです）

エリザベスタウン（KY)の表示例

http://banners.wunderground.com/weathersticker/big2_both_cond/language/www/US/KY/Elizabethtown.gif

[http://banners.wunderground.com/weathersticker/big2_both_cond/language/www/US/KY/Elizabethtown.gif]

http://banners.wunderground.com/weathersticker/sunandmoon_both/language/www/US/KY/Elizabethtown.gif

[http://banners.wunderground.com/weathersticker/sunandmoon_both/language/www/US/KY/Elizabethtown.gif]

コメント（21）

トラックバック（1）

自分のアバターの顔＆イラスト顔文字をブログに表示させる方法

ブログに自分のアバターの顔を表示させるには以下のコードを使います。

[http://avtimg.yahoo.co.jp/yai/cruise2jp_32x32xs.gif]

このように表示されたら成功です！

https://avtimg.yahoo.co.jp/yai/cruise2jp_32x32xs.gif

笑い顔だけでなく悲しい顔や怒り顔も表示できます。

普通⇒ [http://avtimg.yahoo.co.jp/yai/cruise2jp_32x32xn.gif]
笑い⇒ [http://avtimg.yahoo.co.jp/yai/cruise2jp_32x32xs.gif]
怒り⇒ [http://avtimg.yahoo.co.jp/yai/cruise2jp_32x32xa.gif]
泣き⇒ [http://avtimg.yahoo.co.jp/yai/cruise2jp_32x32xc.gif]

並べて表示するとこうなります。

https://avtimg.yahoo.co.jp/yai/cruise2jp_32x32xn.gif

https://avtimg.yahoo.co.jp/yai/cruise2jp_32x32xa.gif

https://avtimg.yahoo.co.jp/yai/cruise2jp_32x32xc.gif

ちょっとした応用なんですけどコメントするときに使えるイラスト顔文字もこの方法で表示できます。

[http://img.yahoo.co.kr/blog/emo/59.gif]

するとこのとおり･･･
http://img.yahoo.co.kr/blog/emo/59.gif

"emo/"の後ろの２桁の数字をいろいろ変えていくことで
他の絵文字を表示することができます。番号はいろいろ試してみてください。

01：http://img.yahoo.co.kr/blog/emo/01.gif
02：http://img.yahoo.co.kr/blog/emo/02.gif
03：http://img.yahoo.co.kr/blog/emo/03.gif

コメント（0）

トラックバック（0）

カーソルの色を好きな色に変えるコード

ワールドカップのページでも使用している小技ですけど
カーソルを青くするWikiコードを紹介しておきます。

カーソルを青くするためのWikiコード ＜Wiki文法使用にチェックを入れてください＞

||<#ffffff' cccccc' onmouseover=document.body.style.scrollbarBaseColor='#00BFFF' style='width:620;height:30;font:bold 20;text-align:center;color:#0000FF;' ``||

好きな位置に貼りつけておくと、そこを見に来た時点でカーソルの色が変化します。
例えば、記事の最後にこのコードを置いておくと
最後まで読んだ時点でカーソルの色が変わります。
最初からカーソルの色を変えたい場合は、記事の最初のほうにコードを貼り付けましょう。

もちろん、色は変えられますので下記のカラーパレットの記事を参照してください。
やりかたは "color:" の後ろのカラーコードを２ヶ所変更するだけです。
カラーパレットはこちら

※転載は自由です。その際はコメントか傑作にてお知らせお願いします。

色をクリックすると背景の色が全て指定した色になりますのでイメージが付きやすくなります。リンクはこちらです↓

色見本 ←このリンク先をブラウザのお気に入りに登録しておくとあとで使うときに便利です♪

色見本とあわせて、カラーコードに関する簡潔な説明が付いているページはこちら↓

Webカラーリファレンス ←このリンク先をブラウザのお気に入りに登録しておくとあとで使うときに便利です♪

他にもいろんな色見本のページがあると思いますが、
とりあえず使い勝手がいいなと思ったものを勝手に厳選しました。
必要なときにご活用ください。

例：[http://ak.images.smileycentral.jp/cat/ji/897.gif]

その結果は･･･こうなります。
http://ak.images.smileycentral.jp/cat/ji/897.gif
またこんなコードを使っても表示できます。

例１：||<#FFFFFF' onclick=window.open('h'+'ttp://www.smileycentral.jp/?partner=JSzeb008_jstvawy002') style='padding:0px;'``[[img(http://ak.images.smileycentral.jp/cat/ji/897.gif)]]||

例２: ||<#FFFFFF' onclick=window.open('h'+'ttp://www7.big.or.jp/~toridon/index.html') style='padding:0px;',30,20,``[[img(http://www7.big.or.jp/~toridon/kaomoji/gallery/img/18help.gif)]]||

＜例１＞

http://ak.images.smileycentral.jp/cat/ji/897.gif

＜例２＞

http://www7.big.or.jp/~toridon/kaomoji/gallery/img/18help.gif

うーんWikiって奥深いですね。毎日新しい勉強をさせられます。

応用例 ⇒アメリカの天気予報を貼り付ける 参照

http://sirocco.accuweather.com/nx_mosaic_400x300c/SIR/inmaSIRUS_.gif

http://sirocco.accuweather.com/nx_mosaic_400x300c/SIR/inmaSIRKY_.gif

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

ケンタッキー日記－ちびタンといっしょ☺

アメリカの天気予報を貼り付ける

コメント（21）

トラックバック（1）

トラックバックされた記事

自分のアバターの顔＆イラスト顔文字をブログに表示させる方法

コメント（0）

トラックバック（0）

カーソルの色を好きな色に変えるコード

コメント（0）

トラックバック（0）

カラーパレット－色コード集

色をクリックすると背景の色が全て指定した色になりますのでイメージが付きやすくなります。リンクはこちらです↓

色見本とあわせて、カラーコードに関する簡潔な説明が付いているページはこちら↓

コメント（2）

トラックバック（0）

gifファイルをブログに貼り付ける方法

コメント（0）

トラックバック（0）

Yahoo!ブログからのお知らせ

最新の記事一覧

最新のコメント

最新のトラックバック

訪問者履歴

ブログリンク

☆☆☆

♣

☆

Yahoo!からのお知らせ

よしもとブログランキング