calendar

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
30      
<< April 2017 >>

リンク

search this site.

categories

archives

お天気サイトのリンクをホームページに貼る

ホームページの目次にある、お天気情報の貼り付け方について質問がありましたのでお伝えします。IEでの表示です。
このお天気サイトの説明はジャマイカ ログ/天気・ハリケーンへ。
ジャマイカニュースに貼り付けている天気はこちら

ホームページに時計を表示するでリンクさせていただいているクロックリンクには、ブログ別の対応が書いてあります。
ブログによって異なるようなので、自分のプロバイダーに質問されるのが一番無難かと思われます。m(_ _)m

ブログパーツをさがせ がお勧めです。

ウェザー・チャンネル The Weather Channel
THE Weather Channel > 上のナビ Weather Tools > 下 Weather On Your Web Site 気に入った表示の名前を覚えておく > Sing Up > の付いているセルに情報を入力
Zip/Postal Code:郵便番号
Province:県名
CountryJAPANを選択。
Subscriptionのチェックマークをはずす > Sign Up

Web Site Information
Company/Site Name:サイト名(ローマ字でよい)を入力
Industry:サイトの分類を選択。個人のページはPersonal Web Site
Home Page URL:自分のサイトのURL
Page URL:お天気情報を表示するページのURL

Weather Magnet® Information
Preferred Unit:華氏表示ならEnglish Units、℃表示ならMetric Units にチェックを入れる
Location:都市名かアメリカならアメリカの郵便番号でも可(同じ都市名がある場合、kingston jamaica とか入れる)
Preferred Layout:横長(270 x 175)ならHorizontal、縦長(175 x 270)ならVertical にチェックを入れる
Select a version:表示したいバージョン名を選択

Legal Agreement
Accept にチェックを入れる > Continue

下の Your Codeの枠の中のHTMLコードをコピー > Continue

Special Offers で出てくるサイトは、表示したいサイトがあればチェックを入れる(したことがないのでどう表示されっるかはわかりません)。不要ならno にチェックを入れる >Submit

Registration Confirmation for Weather on Your Site がメールで届く。HTMLコードも送られてくる。

コピーしたHTMLコードをサイトに貼り付ける


ウンターグラウンド.コム wunderground.com
ウェザー・アンダーグラウンド Weather Underground
HTMLでブログのレイアウトが編集できたり、外部のブログパーツの使用が可能な場合です。
アクセスしたときにトップに表示される紹介部分でHTML編集ができるものは可能です。アメブロでは、サイドの部分は駄目でしたが、トップ下の紹介部分では可能でした。
 m(_ _)m
キングストン
Click for Kingston, Jamaica Forecast


モンティゴベイ
Click for Montego Bay, Jamaica Forecast


ネグリル

wunderground.com > 表示したい都市名を一番上のセルに英語で入力。
 > 画面のずっと下 Free Weather Stickersョ for Your Homepage! Get Your Weather Sticker! をクリック
 > 表示したいステッカーをクリック
自分のサイトの背景を表示したい場合Transparent と書いてあるステッカーを選択
 > 華氏°F、摂氏°C°F/°C と出てくるので、好きなステッカー横に表示されるCopy these lines of html:の下の HTMLコードをコピーする
ステッカーによっては12時間表示と24時間表示が選択できるので、24時間の場合、To use this sticker with 24 hour clockの下のHTMLコードをコピーして張り付ける。

ネグリルのステッカーはないので、テキストリンクにしてあります。

小さいステッカーは都市名がないので自分で書く。
文字もリンクさせたい場合は<a href=""><img src=""></a>の間に書く。

ウィンドウを別に立ち上げたい場合
<a href="">の最後のの前に、その前の=gizmotimetemp24"との間に半角空白を入れて、target="_blank"を入れる。
<a href="http://www.wunderground.com/global/stations/78388.html?bannertypeclick=gizmotimetemp24" target="_blank">モンティゴベイ
<img src="http://banners.wunderground.com/weathersticker/gizmoti
metemp_both24/language/www/global/stations/78388.gif" border=0 alt="Click for Montego Bay, Jamaica Forecast" height=41 width=127>

モンティゴベイ
Click for Montego Bay, Jamaica Forecast


ブログでの貼り付け場所
ブログにより異なります。
ブログ カスタマイズ Google検索ページでちょっとお勉強して下さいませ。
m(_ _)m

ロリポップのこのテンプレートでは、HTML編集
で、右側のコラムを示す <div id="right"> のすぐ下に入れています。

リンクだけなら問題ありませんが、字を付け加える場合、字の大きさなどを指定する必要があるかもしれません。

記事を書くときに、字の大きさを指定できると思いますが、ロリポップでは  にすると、文字が
<span style="font-size:small;"> </span>で囲まれます。
色指定は、<span style="color:#0000FF"> </span>のように囲まれます。
改行は<br>を入れます。

記事を書くように文字の色や大きさを指定して、それを右クリックするなどで切り取るかコピーして貼り付けます。

<span style="font-size:small;"><span style="color:#0000FF">現地天気で背景が変わるよ!</span></span>
<br>

<a href="http://www.wunderground.com/global/stations/78397.html?bannertypeclick=miniWeather2" target="_blank">
<span style="font-size:small;">キングストン</span>
<br>

<img src="http://banners.wunderground.com/weathersticker/miniWeath
er2_metric_cond/language/www/global/stations/78397.gif" border=0
alt="Click for Kingston, Jamaica Forecast" height=50 width=150></a>

で表示されます。青字が付け加えた部分です。自分のブログで記事を書いてコピーすれば大丈夫と思います。

CSS編集で文字の色や大きさを指定することもできますが、お勉強が必要です。m(_ _)m

ブログの記事に書く場合
そのままだと、下のalt以下は改行されて、次のようにサイト上で表示されてしまう

alt="Click for Kingston, Jamaica Forecast" height=50 width=150>


border=0 の次でDltキーで改行をやめて、半角空白を入れる
<img src="http://banners.wunderground.com/weathersticker/miniTra
ns01_both/language/www/global/stations/78397.gif" border=0
alt="Click for Kingston, Jamaica Forecast" height=50 width=150></a>

ときちんと表示される
Click for Kingston, Jamaica Forecast

Click for Kingston, Jamaica Forecast


ブログでないホームページをお持ちの場合は、ワードパッドやメモ帳などでHTMLを書くので通常改行は関係ありません。が、ブログの記事内では、目には見えませんが、改行コードが入っているためだと思われます。

記事内にそのまま表示しているアドレスは、長いものは改行がしてあります。
半角英数字は、ひとかたまりごとに改行されずに表示されるので、記事が右へ飛び出して右側のコラムは下へずれてしまうためです。

ブログの テンプレート(HTML)の編集 の中で<a href="" target=_"blank"> </a>とリンクを書く場合は、メモ帳と同じなので改行してもしなくても関係ありません。が、ホームページ上でアドレスをそのまま半角英数字を表示する場合には影響を受けるということです。しつこくてすみません。m(_ _)m

別のIDでブログをもう1個作って、試される方が良いかもしれません。HTMLスタイルシート(CSS)の勉強は必要です。(^^;)
あくまでも、私のこのブログでの体験なので違ってたらごめんなさい。
m(_ _)m

ブログ パーツ Google検索
ブログ編集 Google検索
HTML 初心者 Google検索
スタイルシート Google検索

ウンターグラウンド.コム wunderground.comでは、自分だけの都市リストを作ることができます。
アクセスしたときに、左横に表示されます。
wunderground.com > 上の検索窓でjamaica と入力 > 上のナビ一覧 都市リスト
> Search Results: 一番上の jamaica ジャマイカは、KingstonMontego BayNegril PointMorant Point と4つ出てきます。
> 表示したい都市名の 右の add で付け加える
> Edit Your Favorites 不要な都市はDEL で消す ▲▼で表示順を変更する

コメント
コメントする








   
この記事のトラックバックURL
トラックバック