[テーマデザイナー]Bloggerブログのテーマをカスタマイズする

投稿者:Y


ラベル:blogger


公開:2020年10月22日


更新:2020年11月2日

theme designer

テーマデザイナー

テーマ→カスタマイズ

背景

背景画像

マテリアルデザインのアイコン「baseline_send_white」を使用

メインのカラーテーマ

「カスタム色を追加」をクリック→#f57d00(鮮やかな橙)

詳細設定

ページのテキスト

フォント

背景

・背景の高さ
480px
・Background overlay shadow
rgba(0,0,0,0)
・本文の背景色
#f4f4f4
・投稿の背景色
#ffffff
・背景のぼかし
0px

リンク

・リンクの色
#f57d00
・表示済みリンクの色
#bb4e00(濃い橙)
・リンクホバーの色
#f57d00

ブログタイトル

・フォント
Bold,45px
・色
#f57d00
・背景のアイコンの色
#f57d00

タブのテキスト

・フォント
・テキストの色
・選択済みの色
・ポップアップの背景色
・ポップアップのテキストの色
・ポップアップの選択済みの色

投稿

・投稿タイトルの色
#757575
・投稿タイトルのフォント
Bold,22px
・投稿タイトルのストリームのフォント
Bold,22px
・投稿のテキストのフォント
18px
・投稿のテキストの色
#757575
・投稿の署名欄の色
・引用のフォント
・引用の色
・投稿のアイコンの色
・投稿ボックスの影の色
#ffae42(明るい橙)

検索

・入力ボックスの色
・入力のフォント
・プレースホルダ テキストの色

共有

・共有の背景色
・共有のテキストの色
・共有のアイコンの色

閲覧の多い投稿

・人気の投稿の背景色
・人気の投稿の署名欄の色
・人気の投稿のタイトルの色
・人気の投稿のテキストの色
・人気の投稿のリンクの色

投稿のナビゲーション

・投稿のナビゲーション リンクの色
・投稿の表示済みナビゲーション リンクの色
・投稿のナビゲーション リンクにカーソルを合わせたときの色

サイドバー

・背景色(上)
・背景色(上)-高解像度
・背景色(下)
・区切りの色
・ガジェットのタイトルの色
・サイドバーのアイコンの色

投稿者のプロフィール

・プロフィールのタイトルの色
・プロフィールのテキストの色
・プロフィールのリンクの色

ラベル

・ラベルのテキストの色
#f57d00
・ラベルの背景色
#f7f7f7

Attribution

・帰属のテキストの色
#f57d00
・帰属のリンクの色
#f57d00
・Attribution icon color
#f57d00

・サイドバーの幅
100px
・メインコンテンツの幅
700px
・コンテンツのマージン
0px

CSSを追加


ガジェット

自己紹介

Follow by Email

ページ

メニュー

注目の投稿

人気の投稿

AdSense

Bloggerブログ(Header)

このブログを検索

不正行為を報告