ブログにアニメーションを！
動のアニメは静のブログに躍動感を与えます。
記事の内容が薄いときには、
派手なアニメーションを貼り付けてごまかしましょ～！
アニメーションを、どーやって取り入れるのか？
初めは不思議でした。
でも簡単！
タグと呼ばれる アルファベットや記号の羅列を
記事の作成欄に コピー＆貼り付け するだけなのですから。
●その壱
「かわさん」のHPではフリーのタグ素材を集めて
「HPの作成に、気に入ったの持って帰ってね」と
紹介しているので、最近それをホワイト・アローにおいて
利用させていただいています。
URLはこちら http://www.kawa.ne.jp/~kawa/gif2.htm
それぞれの動画の上にあるタグが、
その絵を記号化したものと思ってください。
注意 「記事の作成」画面はあらかじめ、プレーンテキストの状態にしてから貼り付ける事
●その弐 「Cube Blog」です。
ブログシール一覧はこのアドレス。 http://blog.nissan.co.jp/CUBE/BSLIST/
使用方法はそのページの一番下に書かれているのでご覧下さい。 勿論これもプレーンテキストでね！ 超簡単！ ちょっと補足すると、サイドバーにこれを貼り付ける際は マイリストのタブを開いて、新規作成において「リストのタイプ」は「メモ」を選択し、リストの名前はお好みで記入。 「リストの新規作成」ボタンをクリック。 次に上記アドレス内で好みのアニメーションを選び、そのブログシール用スクリプト（タグの事）を ココログのマイリストを開いて、その「メモ：」に貼り付ければOKさ！ あとは「反映」とか「確認」のクリックをお忘れなく。
●その参
もう一つ紹介するのは 「Smiley Central」 。
ダウンロードして貼り付けるだけの、無料素材です。
Smiley Central
http://www.smileycentral.jp/fwpdownload/app?partner=JSzeb043_JSV0AJJ004
利用の仕方は、HPの「ダウンロード」ボタンをクリックしたら
画面の指示どおりに進むだけ。
最後の「完了」を押せば、新たなツールバーが
現れるので「Smiley Central」の文字をクリックしましょう。
ウィンドウが現れるまで少々時間がかかりますが
約２０００個のアイコンが選べます！
注意 Smiley Central を貼り付ける際は、
あらかじめ「記事の作成」画面をリッチテキストにしておく事。
ちなみに、先ほどからでてくる
リッチテキストとプレーンテキストの切り替え方はご存知？
「記事の作成」画面で、緑の文字で書かれた
「この編集画面の表示設定を変更する」の一文をクリック
↓
新しいウィンドウが現れる
↓
リッチテキストか、プレーンテキストか、
選んでポチマークつけ、最下段の「保存」を
クリックすればOKです。
ところで、しつこいようですが
コピーとか、貼り付け の方法はご存知ですか？
ご存知でない超初心者さんは居残り練習しますので、続きをご覧あれ！
コピー＆貼り付けの方法。
「コピー ペースト」とか、略して「コピペ」なんて言い方もあります。
注意 説明文中の左クリックと右クリックを間違えないでね！
まず自分のブログの記事を書きこむ空欄を開いておき、
コピーしたいものの記事
（かわさんのHPならhttp://www.kawa.ne.jp/~kawa/gif1.htm）の
両方を、同時に開いて準備完了。
↓
コピーしたいアドレスや文章、（今回の場合はタグですね）を
ドラッグ（左クリックを押したままそれをなぞる事）して
黒く反転（塗りつぶす事）させます。
↓
それができたら、黒く塗りつぶした部分の上で右クリック。
そこで現れる「コピー」の文字を左クリックします。
↓
貼り付け先である記事の空欄にマウスのポインターをもっていき、
右クリックすると「貼り付け」の文字が出るので
その文字を左クリックすればOK牧場。
これが「コピーして張り付ける」というものなのです。
Comments
ご無沙汰しております。シナモンです！
前におっしゃていたのは、コレのことですね(⌒ー⌒)
早速、smiley centralダウンロードしました！かわさんのところにもお邪魔しましたが、今日は時間がないので、またゆっくり見せていただくつもりです。も、もしかして、コメント一番乗りですか？あ～、なんてナイスなタイミングだったのかしら～（・。-☆うふ♪
いつも、何かやろうと思うたびにつまづく私も、今回は出来ました（*⌒ー⌒*）v
ありがとうございました。次回の技も楽しみにしています。出来れば簡単なのをお願いします…ナンテ(^-^；
また記事に出来たら、トラバさせていただきます。
Posted by: シナモン | Mar 03, 2006 at 18:48
こんばんは。
これ、簡単でしょ！
今までの中で、そしてこれからの中でも
一番わかりやすく簡単なアイテム」だと思います。
次回は上級者向け「BGMハイパー」です。
その後には初心者向きの
新技を用意していますが、今はまだ内緒、、、、
Posted by: 管理人→シナモンさん | Mar 03, 2006 at 19:30
足跡ありがとうです、早々と参考にさせていただき「GIFｱﾆﾒ集熊」入れてみました。m(__)m
Posted by: masa30a | Mar 03, 2006 at 20:07
こんばんは、解析は順調のようです。ありがとうございました。
私の使った花の素材ですが、
http://homepage.nifty.com/sozai/imageset/index2.htm のニフティーのホームページの画材集のイメージ画像セット3の中の一つです。
そして流れていくのは
http://heo.jp/tag/font/index.html
の動的なタグ、小技変のマーキー応用編の飛行船を、先ほどの花の素材をコピーして画像を変えただけです。
セニュールさんの紹介のサイトには複雑な動きのアニメーションが多くありますね。ワクワクしてきました。大いに利用させていただきます。
ありがとうございました。
Posted by: Bi | Mar 03, 2006 at 20:50
こんばんは。
お久しぶりです。セニョールさんには
色々教えて頂いて、お陰で自分のブログも
カスタマイズできるようになりました。
もっとも、セニョールさんの足元にも及び
ませんけど。（笑） 私のブログは２つに
なりましたが、このコメントを書いてる
方にセニョールさんのトラックバックを
載せて頂いて構いません。最近、トラック
バックが増えて、以前、送っていただいた
セニョールさんのトラックバックも消えて
しまいました。って、こちらから催促の
トラックバックって珍しいのかな？（笑）
また、色々楽しい物を教えて下さいませ。
Posted by: eimeis | Mar 03, 2006 at 21:45
こんばんは（＾－＾）フェアリーママです。またまた、貴重なワザ！！ありがとうございました。私のブログのお友だちもセニョールさんに大感謝されてる方たくさんおられるんですよ。また色々教えてくださいね。ホントにありがとうございました。
Posted by: フェアリーママ | Mar 04, 2006 at 00:08
初めまして！ライナと申します。動的サブに大満足してます。ありがと。アニメーションにもトライしてみます。私のブログにもセニョールさんの記事をＴＢに載せさせて頂けませんか？ＴＢの催促ナンバー２です。プチ・テクに飢えてます。これからもご指導の程よろしくお願いします。セニョールさんのダイビング・コンピューターはメイド・イン・スイスですか？友達がモルディブで潜ったと言ってました。私は今月インプラントを１本入れます。ドキドキしてます。
Posted by: ライナ | Mar 04, 2006 at 07:35
こんにちは。昨日コメントさせていただいた、ニフティーのホームページ画材集はどうも契約していないとページにアクセスできないようです。ごめんなさい。
Posted by: Bi | Mar 04, 2006 at 16:18
サイドバーの、のっしのっしと歩く熊のアニメーションを拝見しましたよ。
お役に立てて何よりです。
Posted by: 管理人→masa30aさん | Mar 04, 2006 at 16:21
コモエスタ！
追加情報ありがとうございます。
でも、ココログでブログやっている人は皆
ニフティーの契約者だからアクセスは可能ですよね。
先ほどそのHPを見てきたばかりなのです！
Posted by: 管理人→Biさん | Mar 04, 2006 at 16:24
トラックバックの件了解しました。
ちなみにトラバの逆オーダーはeimeisさんで、二度目ですよ。
後ほど伺いますね。
Posted by: 管理人→eimeisさん | Mar 04, 2006 at 16:27
コモエスタ！
参考にして頂けて何よりです。
今後は「サイドバーの色変更」「顔文字の入れ方」など簡単なものをまとめる予定です。
あっ、その前に上級編「BGM設置法ハイパー」がありました！
Posted by: 管理人→フェアリーママさん | Mar 04, 2006 at 16:30
はじめまして、ブエノスノーチェス！
ダイビングコンピューターはスウェーデンのスント社のモスキートを使っています。
意外と消耗品なので１０万円以上する高級品は買わないのです。今のは既に二つめで５万円なり。
インプラント頑張ってくださいね。
金銭的にも、気持ち的にも、、、
でも抜歯するより痛くはないですよ。
後ほどトラバに伺います。
Posted by: 管理人→ライナさん | Mar 04, 2006 at 16:40
ＴＢありがと。２通づつ受け取りました。こちらは大丈夫です。ちゃんと入ってます。ランダムに載せさせて頂きますね。インプラントのアドバイスも頂きまして心強いです。私はダイビングのライセンスを持ってませんが、海が好きです。セニョールさんのフォトをいつも眺めてます。
Posted by: ライナ | Mar 04, 2006 at 20:38
できなかった理由がやっと分かりましたよ！！！
例の(？笑)
『リッチテキスト』と『プレーンテキスト』
の切り替えたが分からなくて、記事に直接、書いちゃってたんですよ～(＾＾；
そりゃ～動かないし、解析も付かないはずだわ～！！！
先生！ありがとでした！！！
Posted by: haru | Mar 05, 2006 at 08:17
初めまして！そしてこんにちは！
Rogと申します。
アニメーションはとても勉強になります！
今はブログにＢＧＭをつけることに挑戦中。
とても参考になります。
また、差し出がましいようですが、
このサイトの直リンクを貼ってもよろしいでしょうか？
Posted by: Ｒｏｇ | Mar 05, 2006 at 17:08
こんにちは。
な～んだ、そうでしたか。
トラバに制限かけていたんですね！
反映されないので なんでだろ～う？
と不思議でしたが、、、
ところで、テツ＆トモめっきり
見かけなくなりましたね。
Posted by: 管理人→ライナさん | Mar 06, 2006 at 08:48
こんにちは。
切り替え方の説明を一応記事には書いたのですが、ちょっとわかりにくかったでしょうか？再考察しますね。
Posted by: 管理人→haruさん | Mar 06, 2006 at 08:50
コモエスタ！
ブログに付けるBGMにおいては、
上級編を近々に用意しています。
お楽しみに！
Posted by: 管理人→Rogさん | Mar 06, 2006 at 08:52
トラックバックありがとうございます！
アニメーション、いいですねっ！ぜひ、やってみます！少しずつですが、いろいろ覚えていこうと思っていますので、参考にさせて頂きます！
Posted by: さときゅ | Mar 06, 2006 at 14:53
こんばんは。
僕がここで紹介している仕掛けの数々は
全て無料ですので是非挑戦してみてください。まだまだ、アニメーションつけている人はいないから、ここで差をつけましょうね！
Posted by: 管理人→さときゅさん | Mar 06, 2006 at 19:03
こんんばんわ
「記事の作成」画面で、緑の文字で書かれた
「この編集画面の表示設定を変更する」の一文をクリック（してみたが変化なしの画面）
↓
新しいウィンドウが現れる（私のブログではここが出ない）
↓
リッチテキストか、プレーンテキストか、
選んでポチマークつけ、最下段の「保存」を
クリックすればOKです。
（マークを付ける所がない）
一体どう間違えたのか?
間違えようも無いんですが･･･
根本的に私はおかしなことをやっているのでしょうか?
ごめんなさい
セニョールさん
こんなはずじゃないと思ってやってみましたが、こんな感じになってしまいました。
もし、もう少し詳しく教えていただけるなら
暇な時にでもご指示下さい。
Posted by: COO | Mar 10, 2006 at 21:45
表れるはずのウィンドウが、今見ている管理画面の裏側に隠れているって事はないですか？新しい画面は必ずしも最前面に出るとは限りませんので、画面をずらしてみて裏をチェックしてみて下さい。
僕はココログプラスを使っているので他のコースでの設定が分からないのですが、でも「表示設定を変更する」の一文があるのなら変更できるはずですが、、、
Posted by: 管理人→COOさん | Mar 10, 2006 at 22:38
ｼﾝﾌﾟﾙ ｲｽﾞ ﾍﾞｽﾄ!!!
清楚な感じがします。
私はお子ログに障害があった時間帯に一生懸命やっていたらしく、全く正常に機能せずに、後ろ向きになっていましたが、一発解決です。
何時もありがとうございます。
Posted by: COO | Mar 11, 2006 at 21:20
こんばんは。今回のココログのメンテナンスはずいぶん時間がかかり、僕も記事とテンプレートの兼ね合いがずれて困っていた1人でした、、、
Posted by: 管理人→COOさん | Mar 13, 2006 at 00:11
ココログ暦ほんの数日ですが、ここの記事のおかげでいろいろ楽しくグレードアップできました。
まだまだデザインも工夫のし甲斐があるのでしょうが、ゆっくり勉強させていただきます。
トラックバックというものもはじめて送らせていただきました。失礼でしたらごめんなさい。
ありがとうございました。
Posted by: バッグス | Mar 15, 2006 at 00:57
こんばんは。
早速拝見させていただきましたが、
左から右へウサギが跳ねていますね。
つたない説明文ですが、不明な点はどんどんご指摘くださいませ。
Posted by: 管理人→バッグスさん | Mar 15, 2006 at 18:43
初めまして
ブログ拝見させてもらいました
それで１つ教えてほしいのですが
タイトルのところの右はじの方に小さな画像か
アニメーションを貼り付けたいのですがどうすればいいんでしょうか？タイトルバナーのところからやってみたのですが左よりにしかはれませんでした。やり方知っていたらご指導願います。お願いします。
Posted by: yamato | Mar 16, 2006 at 01:01
ハイ、おかげさまで無事にうさぎが跳ねております。
毎日いまだにテンプレートをひっかえとっかえしております。
今後ともよろしくお願いいたします。
Posted by: バッグス | Mar 16, 2006 at 01:55
私の知っている方法。
アニメのタグの両脇にこのタグを入れたらどうでしょうか？
左横に ＜ＤｉｖＡｌｉｇｎ＝”ｒｉｇｈｔ”＞
右横に ＜／Ｄｉｖ＞
これでだめなら僕にはわかりません。
あしからず！
ところでyamatoさんのブログにも楽しいアニメがありますね。何処からダウンロードしたのですか？是非教えてください。
Posted by: 管理人→yamatoさん | Mar 16, 2006 at 19:50
バッグスさん、こんばんは。
こちらこそよろしくどうぞ！
ところでブログのサイドバーにウサギの絵が
載っていますよね。
どうやって貼り付けたのでしょうか？
是非教えてくださいませ。
Posted by: 管理人→バッグスさん | Mar 16, 2006 at 19:53
お返事遅くなりましてすみません。
サイドバーのうさぎの絵は、普通にプロフィールに登録した写真が出ているだけです。
ブログの設定でコンテンツのページの写真にチェックを入れました。
ただ、周囲を透明にしたかったので画像をJPEGでなく透過gifで作ってアップロードしてあります。
ということでたいした裏技ではないのでした！
Posted by: バッグス | Mar 18, 2006 at 18:24
こんばんは。
バッグスさんは結構PCには詳しそうですね。
僕は本当に初心者で「透過gifで作る」っていうのすらわかりません。
ちょっと自分なりに調べてみます。
「ブログ道」はイバラの道ですね！
Posted by: 管理人→バッグスさん | Mar 18, 2006 at 19:04
いえいえ、詳しいといえるようなものではありません。いつも力技です。
タグとか、スタイルシートとかはまったく疎く、こちらでいろいろヒントをいただいています。
画像のセンタリングなども出来ると気づかせていただきました。
gifはjpegと同じく画像の圧縮形式の一つです。画像に使われている色の１色を透明にするよう指定できるので、結構便利です。
うさぎの画像は背景部分の色を透過に指定しています。画像編集ソフトやWEB作成ソフトで画像を保存するときにgif形式を選んで透過色を決めれば簡単に出来ますよ！
Posted by: バッグス | Mar 18, 2006 at 21:26
バッグスさん、ご丁寧な解説をわざわざありがとうございました。
また、今後ともよろしくお願い致します。
Posted by: 管理人→バッグスさん | Mar 19, 2006 at 17:31
こんにちは♪
初めてのｺﾒﾝﾄです。ｾﾆｮｰﾙさんには以前からﾌﾞﾛｸﾞｶｽﾀﾏｲｽﾞに大変お世話になってます（*^_^*）今回ｾﾆｮｰﾙさんに教えて頂きたい事が２つあるのですが・・・
ﾏｳｽに付いて来る♪のｱﾆﾒとｸﾘｯｸした時に出てくるお花はどのように出来ているのでしょうか?
人の真似しか出来ない初心者なのですが分るように教えて頂けますか?
Posted by: Kay | Jun 28, 2006 at 04:20
Welcome to White-arrow.
僕も伺いたいのですが、文中の「お犬様」の
アニメーションやイラストは何処からダウンロードなさったのですか？
またサブタイトルの「That's the~」を見てはっとしました。もしかして、ジャネット・ジャクソン ファンですか？
ちょっと自慢なんだけど
僕はジャネジャク本人からサインもらったことがありますよ！
今度ブログで発表しちゃおうかな？
Adios!
Posted by: 管理人→Kayさん | Jun 28, 2006 at 10:40
今晩は！はじめてコメントします。
ブログにBGMを流す方法を勉強させてもらっています。blog-thunes-cocologへの貼り付け方の説明中「４．リンクのタイトル部分にblog-thunesのタグを入力して」とありますが、タグは何処に
書かれているのでしょうか。教えてください。
初心者ですのでよろしく！
Posted by: yabusame | Aug 22, 2006 at 23:30
はじめまして、こんばんは。
yabusameとは粋なハンドルネームですね。
タグの在りかですが
好みの楽曲は決まりましたか？
blog-tunesのホームページに入っていただき
ジャンルを決めてクリックし、更にその中にあるそれぞれの曲のタイトルをクリックして開くと
「曲名」や「曲を聴く」といった表示が出ます。そのずっと下へスクロールしていただきますと「簡易タグ」というのが現れます。
やってみてわからなければ、またコメント入れてくださいませ。
Posted by: 管理人→yabusameさん | Aug 23, 2006 at 19:53
こんばんは。早速のご教示恐縮です。
サイドバーに貼り付き、音楽が流れます。
残念ながら管理人さんのSOUND ON OFFの画像ではなく、大分マンドリンクラブを試聴しようとしてタグをいれました結果、レコード・ジャケットの画像が出てきまして、それにON OFFが付いています。「曲名」とかでかわってくるのでしょうか？
また、Windows Media Playerも貼り付けたいと思っています。解らないことがあった時はご教示下さい。
Posted by: yabusame | Aug 24, 2006 at 20:20
コメントありがとうございます。
早速ブログを覗かせていただきましたが、音が小さすぎませんか？あえてそのような設定ですか？
音量調節、曲のオートスタート等、調整できますので記事の後編をご覧下さい。
Posted by: 管理人→yabusameさん | Aug 25, 2006 at 18:59
今晩は！アドバイス有難うございました。
音量は、普段は殆ど最低程度にセットしてます。
はに丸さんのMedia PlayerのBGMも何とか貼り付きました。スクロールバーの色変えもうまく出来ました。次ぎの２つも期待しています。
Posted by: yabusame | Aug 26, 2006 at 22:56
了解しました。
Posted by: 管理人→yabusameさん | Aug 28, 2006 at 19:09