【webデザイン】CSSだけで簡単!押されるボタンの作り方

By




スポンサードリンク


まえがき


ブロガーの皆さんこんにちは。Mです。


webボタン


今回は、Web用のボタンデザインを紹介します。これはボクが実際にブログで使っているもので、HTMLとCSSをコピペするだけです。例としてはこんな感じです。



ブログ村 人気ブログ
ランキング
FC2ブログ
ランキング



見栄えも綺麗で使い勝手の良いフラットデザイン。ホバーによりくるくるっと文字が回転し、背景の色も変わります。


しかし、まだWeb知識の浅いブログ初心者の方にとっては、このようなボタンひとつ作るのにとても難しく感じてしまうのでは?



スポンサードリンク


実はそんな事はなく、初心者でも誰でも一度知ってしまえばあとはメモしておくだけ。SNSやランキングサイトを行き来するためのさまざまなボタンに活用できますよ。


今回の記事ではこのボタンの作り方を説明します。あとは、おまけとして、ランキングサイトであまり読まれてないブログがいつも上位表示されている(INポイントばかり異常に多い)理由について裏話をちょっとだけ暴露しちゃいます(悪用禁止)。


  • 【目次】
  • ①ボタンが「アクセスアップ」「SEO対策」にとても重要なワケ
  • ②HTML
  • ③CSS
  • ④【裏話】読まれてないブログがランキングサイトで上位表示されるワケ


この記事は限定公開にしたいのでnoteで書いてます。



購読料は、ブログ執筆のための商品購入などになります。

関連記事


Tag
webデザインCSSボタンHTMLコードブログカスタマイズアクセスアップSEO対策
Share

スポンサードリンク