BloggerのCSSを使用してナビゲーションメニューを中央に配置する方法

GoogleのBloggerウェブログプラットフォームでは、ブログの上部に配置されたタブを使用して移動できる最大20の個別のページを作成するためのオプションが提供されています。 デフォルトでは、Bloggerページを表すタブは左側に配置されていますが、サイトを構成するCSSを設定することでそれらの位置を変更することができます。 Web標準のCSSには、ページ上のDIVを揃えるための「中央」の値は含まれていませんが、Bloggerサイトのタブ要素はページの中央に表示されるように設定されている場合があります。

1。

Blogger.comにオンラインでアクセスし、アカウントにサインインしてBloggerアカウントのダッシュボードにアクセスします。

2。

ダッシュボードで編集したいブログの横にある[設定]をクリックします。

3。

[デザイン]タブを選択し、[HTMLの編集]をクリックしてブログを構成するCSSとHTMLを表示します。

4。

「* / Tabs」までスクロールして、以下にリストされている「.tabs-inner .widget ul」要素を見つけます。

5。

「margin-left：」の後の値を強調表示し、「350px;」と入力します。 一般的に言えば、Bloggerサイトの幅は約800ピクセルなので、ページナビゲーションを中央揃えにするには350ピクセルで十分です。

6。

「プレビュー」をクリックして、CSSに加えた変更を表示する新しいタブを開きます。 ページナビゲーションがあまり中央に配置されていない場合は、“ .tabs-inner .widget ul”要素に戻り、それに応じて“ margin-left”値を変更します。

7。

Bloggerのナビゲーションを変更したら、[テンプレートを保存]をクリックします。