Bontakaのブログ / from Duesseldorf

ブログパーツ。世界時計、海外ニュース、天気など

Yahoooブログで使える無料ブログパーツです。

クロックリンク 世界時計　クリックすると世界各地の現地時間が判ります。
http://www.clocklink.com/clocks/world001-blue.swf?TimeZone=JST&

ソース
[[item(http://www.clocklink.com/clocks/world001-blue.swf?TimeZone=JST&,480,250)]]

海外ニューストピックス　自動更新されます。
http://i.yimg.jp/i/topics/blogparts/topics_s.swf?genre=world&wakuFontColor=FFFFFF&wakuBGColor=9B72CF&bodyFontColor=0000FF&bodyBGColor=F1F1FD

ソース
[[item(http://i.yimg.jp/i/topics/blogparts/topics_s.swf?genre=world&wakuFontColor=FFFFFF&wakuBGColor=9B72CF&bodyFontColor=0000FF&bodyBGColor=F1F1FD,150,208)]]

流れるニュース
http://i.yimg.jp/i/topics/blogparts/ticker.swf?genre=top&wakuFontColor=FFFFFF&wakuBGColor=9B72CF&bodyFontColor=0000FF&bodyBGColor=F1F1FD

ソース
[[item(http://i.yimg.jp/i/topics/blogparts/ticker.swf?genre=top&wakuFontColor=FFFFFF&wakuBGColor=9B72CF&bodyFontColor=0000FF&bodyBGColor=F1F1FD,220,50)]]

日本の天気
http://i.yimg.jp/images/weather/blogparts/yj_weather.swf?mapc=top

ソース
[[item(http://i.yimg.jp/images/weather/blogparts/yj_weather.swf?mapc=top,150,322)]]

FLASH（swfファイル）だったら

基本ソース
[[embed(http://www.XXXXXXXXXXXXXX.swf,0,160,200)]]
xxxがswfファイルが置いてあるURL。
左の番号がswfファイルの横の長さ、右の番号がswfファイルの縦の長さ。

まず、FLASHのアドレスを入手します。
例えば「トーキョー・メットガール SEASON1」
http://www.yamaha-motor.jp/mc/blog-parts/beauty/index.html

で、「FLASH」をクリックしてコードを取ると下記

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="150" height="280"><param name="movie" value="http://www.yamaha-motor.jp/mc/blog-parts/beauty/swf/tmb.swf" /><param name="quality" value="high" /><embed src="http://www.yamaha-motor.jp/mc/blog-parts/beauty/swf/tmb.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="280"></embed></object>

http://www.yamaha-motor.jp/mc/blog-parts/beauty/swf/tmb.swf

ソース
[[embed(http://www.yamaha-motor.jp/mc/blog-parts/beauty/swf/tmb.swf,0,150,280)]]

http://www.で始まり、.swfに挟まれているところを見つけ、xxx部分にコピペして、画像のwidth="150" とheight="280"を同じにします。勿論、拡大や縮小も出来ます。下のFLASHは2倍に拡大したもの

http://www.yamaha-motor.jp/mc/blog-parts/beauty/swf/tmb.swf

ソース
[[embed(http://www.yamaha-motor.jp/mc/blog-parts/beauty/swf/tmb.swf,0,300,560)]]

新機能「かんたんモード」で記事を書く

Yahoo! ブログの新機能、「かんたんモード」を使ってみました。

 

ブログの記事投稿画面が生まれ変わりました

http://blogs.yahoo.co.jp/y_j_blog/24832044.html　　　　　　

 

に新機能「かんたんモード」案内が掲載されていますが、より詳しくは下記リンク先

かんたんモードで記事を作成する（文字書式、リンクの設定、画像・動画の挿入）

http://help.yahoo.co.jp/help/jp/blog/blog-90.html

に掲載されています。

 

ちなみに、上の文、「かんたんモードで記事を作成する」は、別の形式の「見出し」を2回重ねて使い、「文字色」と「背景色」を変え、「太字」にして、リンクをつけています。

 

各ボタンの機能は、以下のとおりです。

（こんな絵文字を含むものも、書式ごとコピペできてしまうのがスゴイ。）

• [文字のサイズ]
  文字サイズを指定します。8、10、12、14、18、24、36ポイントから選択します。
  
• [文字の色]
  文字の色を設定します。ボタンを押して表示されるパレットから、色を選択して指定します。
  
• [太字]
  文字を太字にします。
  
• [リンクを挿入]
  文字や画像に、ハイパーリンクを設定します。
  リンクを設定したい文字や画像を選択し、ボタンを押します。URLの入力欄が表示されるので、リンク先のURLを入力して、[OK]ボタンを押します。

[ウェブにある画像を掲載]
ウェブ上にある画像を貼り付けます。（JPG、GIF、PNGファイル）
ボタンを押して表示される画面で、画像のURLを入力し、必要に応じて画像の配置や大きさ（ピクセル数）を入力して、[OK]ボタンを押します。
[斜体・下線・取り消し線]
文字に斜体、下線、取り消し線を設定します。
[背景色]
文字の背景色を設定します。
ボタンをクリックして表示されるパレットから、色を選択して指定します。
[見出し・引用]
選択した文字を見出しや引用箇所に設定します。見出しは5種類、引用は3種類の中から選べます。
[横線を挿入]
記事に横線（水平線）を挿入します。
[テキストの位置ぞろえ]
・文字の配置：文字（段落）の右寄せ、左寄せ、中央ぞろえを設定します。
・行頭番号：行頭に連番の数字を設定します。
・箇条書き：箇条書きを設定します。
・インデント：インデント（字下げ）を設定します。
[動画、ブログパーツのURLを指定して記事に貼り付ける]
ウェブ上にある動画やブログパーツを貼り付けます。
ボタンを押して表示される画面で、動画やブログパーツのURLを入力し、必要に応じて配置を指定し、大きさ（ピクセル数）を入力してから[OK]ボタンを押します。

[パソコンにある画像を掲載]
パソコンに保存されている画像を貼り付けます。1つのファイルにつき1MBが上限。JPG、GIF、PNGファイル。1つの記事について、掲載できる画像の容量は全体で2MB以内。
ボタンを押して表示される画面で、目的の画像を選択し[開く]ボタンを押します。必要に応じて画像の配置や大きさ（ピクセル数）を入力して、[OK]ボタンを押します。
[絵文字]
携帯電話の絵文字を挿入します。ボタンを押して表示されるパレットで、キャリアをクリックして絵文字を選択します。

 

[書式をクリア]
設定した書式をクリアします。なお、クリア可能な書式は、ご利用のブラウザによって異なります。

---

早速、やってみました。

 

入力欄右上の「かんたんモードへ」というリンクを押すと・・・Mixiなどで慣れている方には使いやすい機能。

機能は限定されていますが、文字の色や大きさも途中で変えられるし、

写真や動画のレイアウトも楽。

 

 

コンナ風に画像の左にも文字が・・・

 

 

 

 

 

 

 

 

 

 

右にも簡単にレイアウトが出来ちゃうのが新しい。

 

 

 

 

 

 

 

 

 

 

動画も簡単に入れられます。

動画のピクセルは入力必須になっていますが、適当な数字を入れて、あとで画面上でサイズが変更できます。

 

下記は私が良く使う425ｘ350ピクセルです。

 

このように画像の横にも簡単に文字が入れられます。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

下記は「100ｘ１００ピクセル」の動画を「右寄せ」で入れてみたもの。です。

これコピペも出来ますし、自分で大きさを画面上でドラッグして変えるのも自由。

 

 

 

 

 

 

 

 

パノラマサイズ？に引き伸ばしてみました。

 

 

 

 

 

 

 

Wiki文法との両立が出来ないのはちょっと残念ですが、これはこれで使いがってが良いですね

額縁に入れる

『ゆう』さんのWiki文法[枠を書いてみよう！] で勉強させて頂きました。
［http://blogs.yahoo.co.jp/hy53336/11380731.html#11380731］

動画を額に入れてみます。

||<#FFFFFF' ``||
||<#FFFFFF' style='border:ridge 12px #66FFFF'　``[[embed(http://www.youtube.com/v/aeQL-dUjlOg&hl=ja_JP&fs=1&,0,425,350)]]

前半の
||<#FFFFFF' ``||
||<#FFFFFF' style='border:ridge 12px #66FFFF'　``
までが額縁の種類。額縁の中身は[[☆☆☆]]です。

もちろん、[[embed(http://www.youtube.com/v/aeQL-dUjlOg&hl=ja_JP&fs=1&,0,425,350)]]の部分を例えば[[attached(1)]]にかえれば画像も額に入ります。

Youtube動画

たとえばこのYoutube動画、

[[embed(http://www.youtube.com/v/aeQL-dUjlOg&hl=ja_JP&fs=1&,0,425,350)]]
と書いています。

Youtubeの「埋込み」欄に下記があり、まずこれをコピペ。

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/aeQL-dUjlOg&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/aeQL-dUjlOg&hl=ja_JP&fs=1&"; type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

の緑部分に注目。この部分だけを書き換えます。
0,425,350は掲載する画像のサイズです。

たとえば

の記述は
[[embed(http://www.youtube.com/v/Pu5uUcA9xSA&hl=ja&fs=1&,0,425,350)]]
です。

「[[embed(http://www.youtube.com/v/」の次からと「=1&,0,425,350)]]」
の間の部分を変更するだけです。

上下の動画の記述を見比べると下記。V/までと最後は一緒ですね。
[[embed(http://www.youtube.com/v/aeQL-dUjlOg&hl=ja_JP&fs=1&,0,425,350)]]
[[embed(http://www.youtube.com/v/Pu5uUcA9xSA&hl=ja&fs=1&,0,425,350)]]

文字の装飾、写真の挿入

簡単な文字の装飾と写真の挿入は、

Yahoo!BLOGS 用「Wiki文法タグ自動作成」β版

http://www.geocities.jp/sin_1web2/blog/Wiki.htm

を使わせていただいています。

文字修飾 編
ハイパーリンク 編
添付画像 編　
スタイルシート 編

があり、とても重宝しています。

＜応用編＞

すべては振動であり、その影響である。現実には何の物質も存在しない。全てのものは振動から構成されている。

上記ドイツ量子物理学の礎、ノーベル賞受賞者、マックス・プランクの言葉は、

||<#FFFFFF' style='font:28px;:font-weight:bold;color:#FFFFFF;width:560px;height:10px;position:absolute;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#FF00BFFF,endcolorstr=#FF9400D3,gradienttype=0)'すべては振動であり、その影響である。現実には何の物質も存在しない。全てのものは振動から構成されている。||

【マックス・プランクの波動理論】すべての物質は、固有の振動数(周波数)で振動している

||<#FFFFFF' style='font:28px;:font-weight:bold;color:#FFFFFF;width:560px;height:10px;position:absolute;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#FF00BFFF,endcolorstr=#FF9400D3,gradienttype=1)'``【マックス・プランクの波動理論】すべての物質は、固有の振動数(周波数)で振動している||