【Stylebot】Googleサーチコンソールの各ボックスに影を付けてみた

Channel:
Japan ナポリタン寿司@ブロガー
Subscribers:
419
Published on ● Video Link: https://www.youtube.com/watch?v=l92QMTN8gl0


Duration: 0:24
13 views
0

ブロガーに便利なウェブサイト分析ツール「Googleサーチコンソール」のデザインを角丸にして、影を付けてみた動画です。

ウェブサイトにCSSを適用するChrome拡張機能「Stylebot（スタイルボット）」を利用しています。

▶Chromeウェブストア
https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=ja

2021年11月以降、Googleサーチコンソールは、角丸デザインに生まれ変わりました。検索パフォーマンスやサマリーなどの各ブロック四隅が角丸になっています。以前はカクカクでした。

それにプラスで、影と枠線を付けてみました。動画内では、ホバー時に押し込むようにしています。

CSSを利用することで、好きなデザインに変更できます。

詳しくは、下記記事を参考にしてみてください。
https://www.naporitansushi.com/satiko-floating/

#Google #Googleサーチコンソール #サチコ #ブログ #ブロガー #ブログ初心者 #stylebot #css



Other Videos By ナポリタン寿司@ブロガー


2021-12-16【CLaunch】アプリランチャーソフトCLaunchを使ってみた動画
2021-12-16【ビデオエディター】Windows11標準内臓の初心者向け動画編集ソフト
2021-12-16【OneNote】書式を保存・呼び出しする方法。Onetasticを使ってみよう！
2021-12-14【Microsoft Rewards】ダッシュボードでコツコツポイントを貯められる
2021-12-14【ファイル名変換君】指定したフォルダ内のファイルを一括リネームするソフト
2021-12-12【Vivaldi】HTMLカラーコードを使って、テーマを編集してみた
2021-12-12【Vivaldi】「ページからアクセントカラーを参照」機能を使ってみた
2021-12-10【Vivaldi】Google翻訳ボタンを拡大するCSS＋マウスオーバーで拡張機能展開
2021-12-10【Vivaldi】Google翻訳ボタンを拡大するCSS
2021-12-10【Stylebot】YouTubeの外観を角丸フローティングデザインに変更
2021-12-08【Stylebot】Googleサーチコンソールの各ボックスに影を付けてみた
2021-12-08【Stylebot】Amazonのサイトをフローティングデザインにカスタマイズ
2021-12-06【Microsoft Launcher】付箋をホーム画面に表示するランチャー
2021-12-05【Monosnap】画像を連続で撮影して連結する方法
2021-12-05【Monosnap】選択範囲キャプチャーの外観設定
2021-12-05【REALFORCE CONNECT】個別設定でAPCを変更してみた動画
2021-12-05【TaskbarX】スタートボタンも一緒に中央揃え
2021-12-05【Monosnap】画面録画機能を使ってみた
2021-12-05【Monosnap】ドロップゾーン機能を使ってみた
2021-12-05【MultCloud】別のクラウドサービスに切り替えると階層がリセットされる
2021-12-05【Start11】インストールしているアプリ一覧の表示切り替え


Tags:
Google
Googleサーチコンソール
サチコ
ブログ
ブロガー
ブログ初心者
stylebot
css
スタイルボット
blog
Chrome拡張機能
Firefoxアドオン