Change Forward

「かわる」をアシストする

コピペサンプル集

コピペでできるCSSサンプルデザインをご紹介しています。

 

【広告を消す】スマホだけアドセンスを非表示にする方法

// 【広告を消す】スマホだけアドセンスを非表示にする方法 このご時世、ブログへの半数以上のアクセスがスマホからになっています。 スマホはPCよりも画面が小さいため、PCと同じだけ広告を表示してしまうと閲覧の妨げになります。ページのみづらさに、読む…

はてなブログで日付部分に時計アイコンを表示する方法

// はてなブログで日付部分に時計アイコンを表示する方法 記事ページにたどり着いた閲覧者が最初に見るコンテンツは「ヘッダー」そして「記事のタイトル」です。 はてなブログでは、標準で記事のタイトルに公開日付が表示されるようになっていますが、そこに…

コピペでスマホ向けアイコンメニューを表示する

// コピペでスマホ向けアイコンメニューを表示する ※クリックで拡大できます。 このご時世、ブログへの半数以上のアクセスがスマホからになっています。 スマホはPCよりも画面が小さいために、読み終えるまで時間がかかるもの。 途中で疲れて、読むのをやめ…

はてなブログのプロフィールアイコンカスタマイズ!

// はてなブログのプロフィールアイコンカスタマイズ! ※クリックで拡大できます。 はてなブログでは既定のデザインレイアウトがあり、何もしないままでは、他のブロガーと全く同じデザインになってしまいます。 ブログはネタで勝負!とは言え、やはり見た目…

【はてなブログ限定】スマホ対応メニューバーを表示する

// 【はてなブログ限定】スマホ対応メニューバーを表示する ※クリックで拡大できます 先日ご紹介したメニューバーを表示する方法、スマホでも対応できる方法をご紹介します! ↓PCでメニューバーを表示する方法はこちら↓ www.biz-thinking-k.com PC版では当サ…

【コピペで簡単】TOPへ戻るボタンを設置する

// 【コピペで簡単】TOPへ戻るボタンを設置する 縦長のサイトを見ているとき、ページの一番上まで戻るのに苦労したことはないでしょうか。 PC画面では画面右にスクロールバーがあるので少し楽ですが、スマホで見ている場合にはそうはいきません。 特にブログ…

【はてなブログ限定】メニューバーは3分で表示できた件

// 【はてなブログ限定】メニューバーは3分で表示できた件 先日当サイトのタイトル下にメニューバーを表示してみました。 このメニューバー、動きを付けていることもあってか、画面をスタイリッシュにしてくれるだけではなく、サイト内の閲覧滞在時間を上げ…

【hoverで簡単】CSSでスタイリッシュな動きをブログに

// 【hoverで簡単】CSSでスタイリッシュな動きをブログに 他の方のブログを見ていると、あるボタンに触ったときに色が変わったり、サイズが変わったりと、動きのあるサイトを見たことがあるかと思います。 動きがついていると印象には残るもの、再訪の機会も…

コピペから始めるCSSカスタマイズ入門

// コピペから始めるCSSカスタマイズ入門 今回は、前回ご紹介した吹き出しCSSについて、アレンジのやり方をご紹介していこうと思います。 もともと完成しているものを少しいじるだけでも経験値が上がって、また新しいことにチャレンジしたくなるもの。 CSSが…

【コピペOK!】ブログに吹き出しを表示する方法【はてなブログ手順あり】

【コピペOK!】ブログに吹き出しを表示する方法【はてなブログ手順あり】 今回はブログ運営で使える知識です。 主にブログの滞在時間を延ばす効果がある吹き出しを表示する方法をご紹介します。 CSSを編集するので、word pressの方も同じような手順で実装で…