スポンサーサイト

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

ボタン設置 ⇒ 脱線しちゃった

2008年01月11日
突然ですが、このブログの右サイドバーを見て下さい
(レビューはここをクリック!!)
結構目立つでしょ、その設置方法教えちゃいます。
えーっとまずは、
動機ですけど
昨日メルぞうをのぞいていたら(痴漢じゃないです)


こんなレポートを見つけて
↓↓
【クリック率が上昇!?】リンクをボタンで表示する方法




「ただのテキストリンクよりボタンの方がおもしろいかも?」


と考え、レポート見ながら作業しました。

作業時間は5分ぐらいかな、


そして、


で、出来た!
これです↓↓


※クリックすると無料レポートに飛びます。






えっ、これかい!
ちょっとダサいな・・・



それが第一印象でした。


背景色とか色々変えればいいと思いますが
あの形もちょっとね。。。



そんな悶々としたまま(エッチじゃないです)
時間が経ちました。



んっ、まてよ
わざわざタグを入れ込んでボタンにしなくても
ボタンみたいな画像があれば、いいのでは!!



そう考え終わる前にググってました。




そしたらありやんしたよ!旦那。


AquaMaker
もちろんフリーソフトです!
(窓の杜よりダウンロード)



これがあればこんなボタンがちょちょいのちょいと作れます。

サクッと作った




後は、その画像にリンクを貼るるだけですね。
↓画像にリンクを貼る

<a href="飛ばしたいページのURL" >
<img src="画像のURL" alt="適当な名前" border="0" width="幅" height="高さ" /></a>


■おまけ■

左右のサイドバーの画像の上にマウスを置くと
ちょっと画像がずれますよね、
これスタイルシートをちょこっといじるだけで簡単にできます。

.menu_cont a:hover{color:好きな色;text-decoration:none;position:relative; top:2px; left:2px;}

.menu_cont ← これはテンプレートによって違うと思います .side だったりかな?

ちなみにこれ、tomさんのブログ見てていいなと思い
拝借させていただきました、すいません。

みなさん、がんばってやってみよう!



Yahoo!ブックマークに登録

メイン

コメント

アフィリエイトという金の卵を育てよう★ありな
v-35ゆうきちさん、こんにちは!

ごめんなさい、遅れちゃってます。
ありなです。
いつもありがとうございます。

ボタンというのもいいですな~。見やすい!

メールは記事下なんですが探しにくいのね。
レポート作られたんですのネ、
ぜひ拝見したいですので又来てメールしていただけると
ウレスィです。

ゆうきちさんのブログすごくバージョンアップしてます。ING(進行形)だわ~♪

ぜひ、コメ廻り頑張ってランク上位行っちゃって
ください。

応援ポチ印v-209

コメントする

サイト管理者にのみ通知する

トラックバックURL


トラックバック


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