シニアネットとともに

マーキー応用編

この中のタグには、一部IE8に対応していないものが含まれます。
ご覧になる時は、互換表示をクリックしてください。

このタグは
　　　↓
<center><div style="width:480px">
<div align="center" style="background-image:url(http://pds.exblog.jp/pds/1/200909/24/41/b0018441_18254248.jpg);background-color:#000000"><marquee scrollamount=2 scrollDelay=20 width="50%" height="360px"><IMG src="http://pds.exblog.jp/pds/1/200909/28/41/b0018441_2015275.jpg" width="480" height="360" border="0"></marquee><marquee scrollamount=2 scrolldelay=20 direction=right width="50%" height="100%"><IMG src="http://pds.exblog.jp/pds/1/200909/28/41/b0018441_2015275.jpg" width="480" height="360" border="0" style="filter:fliph()"></marquee></div></div></center>

1）上のタグをコピーして、投稿欄に貼り付け。
2）タグの下に、背景の画像（480×360）とマーキーで動く画像（480×360）を2枚中央寄せ
でアップロードします。
3）アップロード済みの画像（ここではb0018441_18254248.jpg）の上で右クリック→
プロパティ→画像URLをコピー
背景に使う画像は、background-imageの後ろの画像に上書きで変え、
マーキーの画像は、src以後の画像（2か所ありますよ）に上書き。
4）最後に投稿欄の画像の疑似タグは削除。
5）これで送信してみて下さい。


表示できたら大成功です！！　　互換表示しないと、崩れますよ。
タグは、ブラウザによって、又同じブラウザでもバージョンによって対応していないタグがありますのでご注意を。

デジブックの貼りつけ

【デジブックとは】
撮影した写真を、高画質フルスクリーンで見ることの出来るデジタル写真集です。
作ったデジタル写真集を、エキサイトブログの記事面に貼って楽しむことができるようになりました。【YouTube】と同じですね。2009/7/1リリースです。

「懐かしの銀座」です。


★使い方
1）デジブックにログインしてデジブックを作成
　　初めての人はユーザー登録が必要です。　⇒登録はコチラからどうぞ
2）作成したデジブックを開き「公開する」を選択
3）「デジブックをブログに貼ろう」からソースをコピーする
4）エキサイトブログの記事タグを貼って更新

詳しくはこちら ⇒　デジブックで写真集をブログに貼ろう　　　　＜＜以上エキサイトからの引用です。

★注意点
1）埋め込みですから、１頁に沢山貼り付けると表示に時間がかかる。
2）無料会員の場合、デジブック１冊の保管期間は３０日限定。6300円でプレミアムメンバーになると保管期間が無期限（年更新）、いろいろなテーマが使える。
3）ダウンロードできるので、DVDに保存すれば、家族で楽しめるかも。

Reflet（波打つ反射アニメ画像）

Refletとは、フランス語で反射の意味です。
フランスのサイトから、フリーソフトをダウンロードすると、
下のような、アニメーションGIFがあっという間に作れます。

ブログにはもってこいですね。
作り方をPDFにしてUPしました。
印刷してご活用ください。→RefletのPDF

CSSでぼかし

今やWeb頁作成には、CSS（スタイルシート）の知識は必須となりました。
スタイルを自分で書き込めると、こんなことも出来ます。

◆まず矩形の画像を一枚貼って見ます。



これをタグで書き直し、filterタグでスタイルを設定すると・・・↓

◆円形ぼかしは、style=2

◆矩形ぼかしは、style=1
これはタイトルバーで
よく使いますね。

◆これはJtrimの
フェードアウトみたい
style=3

画像ソフトは使ってません。<image>タグにスタイルを設定しただけです。
インラインCSSは余り推奨されていないと教わりましたが、ビルダーでもインラインでかき込まれますから、Ｎｏ problem！!ですよね。(^_-)-☆　

CSS（円形ぼかし）は下を参照ください。スタイルは変えて下さいね。

<div align="center"><img src="画像ファイル名＋拡張子" width="横サイズ" height="縦サイズ" style="filter:alpha(opacity=100,style=2);"></div>

テンプレート作成機能

エキサイトブログにテンプレート作成機能が追加されました。
便利な機能がつきましたね～。久々の大ヒットです。

決まったスタイルで記事を投稿する人、私のようにタグを書いたり、インラインCSSを書き込む人には超便利ですよね。いままではコピー＆ペーストをしていたものを、テンプレートとして登録しておけばいいんですから。

とりあえず4つ登録してみました。

１　動画の埋め込み記事（フラッシュはこれで代用）
２　ロールオーバーを使った記事
3　ナンバリング記事
４　CSSで枠付きの画像など。

とりあえず皆様おなじみの動画の埋め込みタグですが、しばらく投稿していないと忘れてしまっている事が多いですよね。そんな時登録してあると便利です。

まず【設定】をクリック。

尚、テンプレートを使用しないときは、下をクリックです。

サッカーのブログは、同じスタイルで投稿していますから、一番この機能が有効です。
超嬉しいです。(*^^)v　→「Soccerパパラッチママ」

PhotoScape

これは無料の画像編集ソフト・・・「PhotoScape」で作ったものです。このソフト無料の上、画像ビューアーが付いている分、Jtrimより使いやすいかもしれません。

その上、150種類ものフレーム(額縁）、スタンプ画像の挿入、オリジナルのフォトアルバムの作成からGifアニメーションもできてしまう優れものです。

【ダウンロード方法】

1

　まず英語版Photoscape3.1をダウンロード。→ここをクリック
上メニューの「Free Download」タブ→画面右の「Free Download」directlyの文字をクリック→しかるべきところに保存。

2

　インストール。

3

　次に日本語化パッチを当てる。→こちらのサイトを利用させていただきました。
追記のインストール形式「PhotoScape_v.3.1jp(Inst).zip」(ダウンロード→インストール）

4

　デスクトップのPhotoScapeアイコンをWクリックして起動し、PhotoScapeが日本語化されたことを確認。(解凍作業もありますから自己責任でどうぞ）

私が使ったフレームです。↓





★ 総合画像ソフトですから、ほかにももっと楽しい使い方がありますよ～。

YouTubeの貼り付け

記事にYouTubeの動画が貼れるようになりました。
YouTubeのサイトに行き、気に入った動画の右側を見ると、埋め込みのタグがあります。
それをそっくりコピー。自分のブログの投稿欄に貼り付けるだけ。

天下の京都大学のサイトに動画が張ってあり、それが何故かYouTubeでした。そのタグが以下です。↓

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/h3cKbmuIKuc&hl=ja&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/h3cKbmuIKuc&hl=ja&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>

でも、晴れて<embed>や<object>タグが解禁されたわけではないようです。YouTube限定のようです。

簡単ですから、著作権に気を付けてお試しください。
詳しくは、エキサイトブログ向上委員会のページをご覧下さい。

★注意事項
　1）　簡単に埋め込めるからといって、1ページにいくつも貼り付けないこと。
　　　　重くなって、あなたの訪問者に嫌われますよ～。
　2）　サイズは縮小は可。拡大は×。動画がボケます。
　3)　<embed>タグが解禁されたわけではありません。
　　　フラッシュやご自分のサイトに上げた動画は、従来のやりかたでどうぞ。

フラシュの埋め込みタグ

フラッシュを埋め込む時のタグは以下です。
コピー＆ペースト（貼り付け）して、最後にエンターキーを1回たたいてください。
初期設定の左寄せで貼りつきますので、改行しないとタグ(サイドメニューの）がフラッシュの右側に入り込みます。スタイルで左余白（数値はフラッシュのサイズで加減）を設定して、見た目中央になるようにしています。

<embed src="フラッシュURL" width=400 height=300 style="margin-left:20px;"

これもテンプレート機能に追加するといいですね。

固定背景のタグ

エキサイトブログで固定背景にカスタマイズしたい場合は、「CSS編集」からBODYにCSSを書きこみます。

下のタグをコピー＆ペーストしてご活用ください。
画像の位置は、一番オーソドックスな左上です。

background-image:url(イメージURL);
background-repeat:no-repeat;
background-position:left top;
background-attachment:fixed;

★background-attachment:fixed;　は、背景を固定すると言う意味のタグです。
　これを記述しないと、スクロールすると、記事と一緒に背景は上に流れ去ります。

Picture Trail の作り方

このフラッシュのスライドショーは、アメリカの無料サイトを利用しています。
フラッシュの種類・自分の画像を指定すると、サイトのほうで自動的にフラッシュを作成してくれます。こちらでは、CodeをHPあるいはブログに貼り付けるだけ。

種類も豊富。楽しいですよ～。お試し下さい。