スポンサーサイト

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

ちょっと動くバナー

昨日はつい夜更かしして、ブログを少々いじってしまいました。
トップ画像を変えましたよん♪

このブログ、すっかり女の子~な感じになってしまいましたが‥
アラフォーです、私。。Σ(T□T)
もうピンクなんて着れない年になったからか?
最近、ピンクに目がいくようになりました。
ブログだからいいかな??


あともうひとつ、ランキングのバナーを変えてみました。

人気ブログランキング

※クリックしたら、ランキングに行きます。

このバナーの上に、カーソルを置いてみてください♪
d(≧∪≦●)ネッ!
ちょっと動きますよね?


アフィリエイトには、全く関係ないですが、
アイデア次第では、楽しい画像を使って、
訪問者を上手にランキングに誘導できるかもしれませんね


【動くバナーの作り方】


<a href="★" target="_blank"> <img src="★★" border="0" alt ="人気ブログランキング" onmouseover="this.src='★★★'" onmouseout="this.src='★★'"/></a>
 


下準備:使いたいバナーや画像を2枚用意して、アップロードして下さい。

①上のHTMLタグをコピーして、メモ帳などに貼り付けて下さい。

②★の部分に、あなたのランキング用URLを貼りつけます。

③★★の部分に、画像URLを貼りつけます。

③★★★の部分に、もう一枚の画像URLを貼りつけます。

④最後の★★に②と同じ画像URLを貼りつけます。


※私の場合は、pink が、★★で、

pink2 が、★★★です。



出来上がり♪後は、
このタグを好きな場所に貼りつけて、完成ですヾ(´∀`)ノワーイ


今日はこんな記事を書いてみましたが、
実は、HTMLもすっかり忘れちゃってて。。

これはだいぶ前に調べてやってみたんです。
その時のタグを久しぶりに見ると、何となく思い出してきたので、
載せてみました(*´σω`)エヘヘ
正直‥改行の<br>ぐらいしか、覚えてなかったです。。
これでも、今日はだいぶ頑張りました(;´・д・)疲れた~~


最後に、今日の記事を書くのに、役に立ったサイトを紹介します。

初心者にもやさしい 簡単HTML作成 様

HTMLタグを囲んでいる枠線に、利用させてもらいました。
色や枠線の種類などを決めて、ボタンを押すだけで、
簡単にテーブルタグができちゃいました。
ヽ(*´□`*)ッ ありがとうございました!!


次に、 akiyan.com 様

HTMLタグをブログに掲載するのは、どうすればいいかな~?
と探してたら見つけました。

例えば、上にある<br>ですが、そのまま入力すると、
ただ改行されるだけなのですが、こちらのサイトで変換すると、
<br>と表示されるようになるんですね~

スゴイスゴイ ""ハ(^▽^*) パチパチ♪


ブログ上級者さんには、役に立たないと思いますが、
自分の勉強も兼ねて、時々、こういう事を載せていけたらな~と思います。

スポンサーサイト

テーマ : ブログカスタマイズ
ジャンル : ブログ

コメントの投稿

Secre

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