今日のあーくん0(^-^)0 と ダダっ子ちゃん(●^o^●)

男の子二人の母ちゃんになってしまったワーキングマザー「まい」の(人´∀`) -&aモエ-や、Σ(゚д゚lll)エエェ~な、育児の日々を綴ります。

スポンサーサイト

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

ランキングバナーを作ってみました♪

常々、ランキングボタンをクリックすると、

ブログ背景が変わったり、バナー画像が変わったりする

するのを見ては、

「いいなー。ポチする人も、楽しんでクリック

 出来るもんなー・・・。」


と思っていたワタクシ「まい」。



しかし、そのために新しいソフトをインストールして

パソコンが重くなるのも、イヤだしぃ・・・。(←無知)


そんなことを考えながら検索していたら、

なんと、JavaScriptでイイと言うではありませんかっ!!



それで、下記3つの画像を使って、早速作ってみました♪


画像1 

画像2 

画像3 


下が通常のにほんブログ村のスクリプトです。

(「<」を大文字で表しています。)

<a href="http://baby.blogmura.com/wmbaby/"><img src="http://baby.blogmura.com/wmbaby/img/wmbaby150_49.gif" width="150" height="49" border="0" alt="にほんブログ村 子育てブログ ワーキングマザー育児へ" /></a><br /><a href="http://baby.blogmura.com/wmbaby/">にほんブログ村</a>

09.08.25 am6:15修正
 色づけ部分の説明が逆だったので、直しました。ごめんなさい。。。


青字部分:ランキングサイトへのリンク指示

赤字部分:画像指示

黒字部分:ここに表示されてない文字部分の指示

と思われマス。(←いいかげん)

09.08.25 am6:15修正
 上記修正に関連して、青字部分→赤字部分に直しました。ごめんなさい。。。

よって、赤字部分をサクッと消してしまい・・・


ココ に書いてある画像指示に変更していまいました♪

ちなみに、そのままコピーして画像入れ替えだけしても、動きませんでした。

2行目の記述をするにあたり、

改行が入っているようですので、改行を消してください。(当たり前!?)


すると・・・



えー…

ここから指示どおりにクリックすると、ランキングサイトに飛びます。

「ポチなんてしてやらないぞっ!」という方は、読むだけで、

実行しないでください。


(1)何もしていない時は、画像1の状態

(2)マウスを画像の上に乗せてみる→画像2に

(3)マウスを画像から降ろしてみる→画像1に

(4)マウスを画像の上に乗せ(この時点で、画像2になります)、
クリックしてみる
 (お勧めはCtrlキーを押しながらクリック♪
  するとwindowsIE7なら、ランキングサイトが
  別画面or別タブで開くので
  記事が邪魔されません☆)
                    →画像3に

(5)マウスを画像から離す→画像1に戻る



ついでに、人気ブログランキングの方も♪




これは、ランキングだけではなくて、

やる気になれば、色々遊べそうです。

知っていたか方も多いのかもしれませんが、

読んでくださった方々が、楽しいアイデアで、

ステキな記事を書いてくれたら、嬉しいな☆

と思うのと、

最近、特に忘れっぽい自分の覚書のために、

記事にしました♪




しつこくて、すみませんが、
ランキングバナーを、一応いつも通り、
置いておきますので、気が向いたら、ポチしていってください♪

ポチって、何!?という方は ココ をクリックしてみてください♪

←まだ作ってませんのでコレで(笑)




ありがとうございました♪

スポンサーサイト

テーマ:ホームページ・ブログ制作 - ジャンル:コンピュータ

*** COMMENT ***

NO TITLE

すごい!こうやって書いてくれるとわかるかも!!と
目をキラキラさせて読み進めて行ったのですが
途中で?????



・・・頭に全然入ってこなくなっちゃいました。
も、もう一回読んでみます。
そうしてワタシもやってみたい。

NO TITLE

おぉぉぉおう。解説まで! ありがとうございますぅ。私もやってみたかったんですけど、何から調べたらいいのかわからなかったんですよ。
いっちょ頑張ってみようかな~。
うん、いつかやる。いつか。

おおすげ~

うまくできたね~ なんか、あ~くんとダダちゃんの表情がキラキラしてていい感じ♪
いいなぁこんなうまく書けたら・・・・・
どんどん上達するね!! バナーもさ、オリジナルってやっぱいいよ
アタシにはできんけど(笑)

NO TITLE

うわ~~~ん!!!☆
やってみたいのに、頭に入らなかったよ====v-406!!

もう1度読んでくる。。。。うぅ。。。

楽しみにしながら。。。。3ポチしてみんね!!♪


おおおお!!

すばらしいバナーです!!
しかもカワイイ(笑) しかもマウスを乗っけると変化する(笑)
たしかにポチするのが楽しくなるバナーですね。
絶対効果的だと思います!!

僕もバナー作ろうかなぁと思ってるんですけど、
なかなか実行に移せないのであります(汗)

あ、ちなみにIE6、firefoxを使ってるのですが
Ctrlキーを押さなくても別窓で開けました^^
テンプレートの設定なんでしょうか?

NO TITLE

なんとも勉強熱心なまいさんに、いつも通りポチポチっと♪

僕は、こういったマメな作業はてんでダメです(+o+)
も~面倒臭くて・・・(笑)

あーくんとダダちゃんのキラキラおめめが超キュートです☆
でも、毎日ブログ更新され、いつもコメントもいただいているのに、更にイラスト描きまでって・・・
まいさん、どんだけパワーあるんスか~っ!!

NO TITLE

説明の色使いを間違えていたために、きっと混乱を起こさせてしまいました。申し訳ありまえんでした。修正しましたが、もしも分からない所があったら、また質問ください。でも、シロウト中のシロウトなので、難しことは分かりません。。。

v-238ayumiさんへ
ごめんなさい。私が説明用につけた色が間違ってたために、?????になったと思われマス。
また、分からなくなったら、遠慮なく言ってください☆

v-238きみこさんへ
気になりますよねー。どうやってんだろう??って。私も調べ方が分からなくて諦めていたら、突然見つかったんですよ!
だから、解説してみました。
説明の色使いを間違えて、混乱させてしまいましたけども・・・。

v-238花さんへ
バナーはちょっと長く使ってみようかなー、と思いまして、拡大してきちんと色塗りしてみたら、こんな仕上がりに!手間をかけると、ちょっと違った仕上がりになるんですねぇ(しみじみ・・・)
絵は・・・自分でも知ってるんですよ。大して上手くない。。。けど、ペンタブってちょっと魔力があって、描き始めると、なんか使い続けたくなるという。。。

v-238とっすぃぃぃさんへ
多分・・・私の説明の色使いが逆だったからだと・・・。ホントごめんなさいぃぃぃ~(>_<)
訂正したので、ちょっとはよくあんったかもですけど・・・分かんなかったら、遠慮なく言ってください♪分かるレベルでお伝えしたいと思います☆

v-238のんパパさんへ
ありがとうございます☆ちょっと、長く使うつもりで、色塗りをしっかりしてみましたら、ちょっといつもと違う仕上がりに♪
Ctrlキーを押さなくても別窓で開くのは、バナータグ内に、target="_blank"を放り込んであるからです☆アキさんにポチの件の記事内にコメント戴いて、私も初めて知りました♪具体的にもしやり方等、知りたいときは言ってください。

v-238まーかーさんへ
ポチポチありがとうございます♪
今はまだ育休中で、細かな空き時間がありますんでねー(笑)これで、復帰したら、ブログ自体もヤバいかもです。。。1回目の職場復帰後は、ブログ界に戻ってこれなかったですもんね。。。どうやることやら(笑)
でも、せっかくこうして繋がれた人々と、会えなくなるのは、なんとか避けたいと思って、今頭の中で時間配分のシュミレーション作ってるところです。

NO TITLE

ええな~
絵を描けるって・・ワテもこんなんにしたいわ~

ってか・・面白くて連打いたしましたよ!!

コメントの投稿

管理人にだけ読んでもらう

あーくんとダダっ子は何歳!?

ブログランキング

ポチッ☆お願いします(*^_^*)

ポチって、何!? 
という方は ココ をクリック!
楽に押せる方法も載ってます♪
にほんブログ村 子育てブログへ 人気ブログランキングへ
足跡機能です
よろしければ押してって♪
おきてがみ

ありがとうございました(^o^)丿

最新記事
プロフィール

まい

  • Author:まい
  • 入社して十余年、メーカー事務屋として働いています(*^_^*)
    イヤなことももちろんあるけど、基本スタイルは「働くことは楽しい♪」です。たまに、グチりますが・・・(笑)
    そして育児は…
    まさかこんなに子供たちに首ったけになるなんて・・・ビックリです^_^;

月別アーカイブ
最近のコメント

データ取得中...

カテゴリー
アクセスカウンタ
オンラインカウンタ

現在の閲覧者数:

ブロとも申請フォーム
あわせて読みたい!

あわせて読みたいブログパーツ

あし@

作ってみる?
カレンダー

08 | 2017/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

バナー展示♪
リンク一覧

今、どんなもんでしょう?

いつもありがとうございます☆

毎週日曜日にリセットされます

BlogPeopleTrackbacks

ブログ内検索

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