スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

疲れた・・・

ずっと思ってたんですが、「WEB拍手」のボタンって味気ないですよねー。
ならば自分で作ってみるか!しかもテイルズに関係あるもので!!(`・ω・´)
ただ単に画像にするんじゃなくてマウスカーソル合わせたらGIFアニメで動くようにしたらいいよね!

と、思うは易し行なうは難し。

なんせ今までそういうのを作った経験が全くない。
画像の色を劣化させずにGIFにしなくちゃいけないわ
そもそもGIFアニメの作り方から調べなきゃならんわで難儀しました…orz

そんなこんなで出来上がったGIF画像がコレ。マウスカーソルを合わせると拍手してくれます (・∀・)
この画像に拍手機能はないですよ
動きのある部分が2コマしかないけど苦労したんですよ… (ノД`)

追記で拙い拍手画像変更の解説を…。

まずはブログ管理画面のFC2サービス・拍手を選択
拍手解説1


FC2拍手に登録をしたら拍手のユーザー管理画面で拍手タグを作成
拍手解説2


あとは出来上がったタグをテンプレートのHTML編集に貼り付けるだけ。
ウチのテンプレートの場合はこんな感じ。
<!--▼ エントリー(記事)▼-->
~中略~
<br>
<!-- FC2拍手タグここから -->
<a href="http://clap.fc2.com/post/habu480/?url=<%topentry_enc_link>&title=<%topentry_enc_utftitle>" target="_blank"><img src="http://blog-imgs-38.fc2.com/h/a/b/habutaro/20101024190908f28.gif" onmouseover="this.src='http://blog-imgs-38.fc2.com/h/a/b/habutaro/20101020000915aaf.gif'" onmouseout="this.src='http://blog-imgs-38.fc2.com/h/a/b/habutaro/20101024190908f28.gif'" vspace=10 border="0"></a>
<!-- FC2拍手タグここまで -->

<div class="bottom_navi">
~以下略~

<div class="bottom_navi">って所から下は投稿日時とかカテゴリ・コメント、
ウチのブログだと薄い線の下で表示されてる部分の設定ですね。その直前に挿入するようです。
最初の画像間違えてました (´・ω・`)

img src=以下略ってのが妙に長いですが、
・img src= の直後が基本の拍手画像(マウスオンで変化とかしなければこれだけでOKです)
・onmouseover= 以下がマウス合わせた時の画像
・onmouseout= 以下がマウスカーソルを一度合わせてその後、外したときの画像
って設定になってます。

そして、最後にコミュニケーション・ブログ拍手の拍手管理設定で拍手ボタンの表示を無しにすれば完成です。

こんな適当な説明で大丈夫か?
大丈夫だ問題ない、……多分。

[ 2010/10/20 00:30 ] その他 | TB(-) | CM(9)

Re: 疲れた・・・

初めましてw
ハイアカンでうろちょろしてたところ辿り着きましたっ!
りちゃです。
てぃちかわいいですね(〃∀〃)!
お疲れ様ですw

よかったらリンクに追加させていただいてもいいでしょうか?(ノ)ω(ヾ)
[ 2010/10/20 01:12 ] [ 編集 ]

Re: 疲れた・・・

ちょっと面白そうだ
うちも何かにチャレンジしてみようかね
[ 2010/10/20 02:08 ] [ 編集 ]

Re: 疲れた・・・

なにこれすごい!
[ 2010/10/20 09:10 ] [ 編集 ]

Re: 疲れた・・・

>りちゃさん
初めましてー。
仮面をつけるのを忘れて無表情にパチパチするテチを作ったり…無駄に手間が掛かりました (´・ω・`)

リンクは喜んでー!こちらからもリンクさせていただきますね。

>るしわん
手間は掛かるけどこういうの作るのって楽しいよね!

>イマさん
ワーイ、いい反応だw
もうちょっとコマ数があるといいんだけどね。エモーションパックでこういうの出してくれないかねー。
[ 2010/10/20 18:55 ] [ 編集 ]

Re: 疲れた・・・

はじめましてっ!
足跡から辿ってやってきました!と言っても実は結構前から覗きに来てはいたのですが(*ノωノ)

拍手テチ可愛いですね(*´∀`)
私も画像変えたいなぁとは思っているのですが、変え方が分からなくってorz
[ 2010/10/21 13:36 ] [ 編集 ]

Re: 疲れた・・・

いらっしゃいませー!
|д・) コソーリとサーチから飛んで色んなところに足跡残しまくりですw

追記で説明足しときましたので参考になれば幸いです。
[ 2010/10/21 19:02 ] [ 編集 ]

Re: 疲れた・・・

あらま(゚⊿゚)
すごい技術だ( ゚∀゚)
お疲れ様です♪
[ 2010/10/21 19:55 ] [ 編集 ]

Re: 疲れた

わぁ!丁寧な説明ありがとうございます!
別にサービスの拍手を使うのですね。
またやってみたいと思います^^

あともしよろしかったら相互なんていかがですか?
[ 2010/10/21 20:35 ] [ 編集 ]

Re: 疲れた・・・

>みしゃさん
実は大して凄くない事を凄い事のように見せかけるならお任せー (・∀・)

>そらさん
拍手画像の変更、頑張ってください。
リンクは喜んで張らせていただきます!自分から申し込まない引篭もりで申し訳ない '`,、(ノ∀`)'`,、
[ 2010/10/21 23:02 ] [ 編集 ]

コメントの投稿













管理者にだけ表示を許可する

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。