Tips

Blogger 背景画像をオリジナルに設定する方法

ふとBloggerの背景を自分の画像を使いたいという事で

色々と調べてみました。。

今回用意した画像は

DSC_8310

まずBloggerのダッシュボードから

「デザイン」→「テンプレートデザイナー」と進みます

テンプレートデザイナー内の背景で

「背景を削除」をクリックで背景を削除

次に「アドバンス」でCSSを追加

下記のコードを挿入してください

テンプレートが「Simple」以外の場合

<pre><code>.body-fauxcolumn-outer {background-image: url(画像のURL);background-repeat: repeat;background-attachment: fixed;background-position: left top;}.body-fauxcolumn-outer div {background: none;}</code></pre>
<pre>

テンプレートが「Simple」の場合]

</pre>
<pre><code>.body-fauxcolumn-outer {background-image: url(画像のURL);background-repeat: repeat;background-attachment: fixed;background-position: left top;}.body-fauxcolumn-outer div,.body-fauxcolumn-outer .fauxcolumn-inner,.body-fauxcolumn-outer .cap-top,.body-fauxcolumn-outer .cap-top .cap-left {background: none;}</code></pre>

これで画像の変更が出来ます

こだわり派にはオススメです

関連記事

  1. Tips

    Windows7標準の音声認識を使ってみたら結構便利だった!! 文字入力やプログラム起動も可能

    Windows7の標準機能の音声認識機能使っている人は少ないか…

  2. Tips

    【Tips】拡張機能不要でChromeの特定タブの音をミュートにできる

    Chromeで特定のタブの音を1クリックでミュートにできる設定…

  3. Tips

    Google Blogger 表示速度のアップ改善の方法 カスタマイズ方法を紹介 navbar非表示…

    このブログもBloggerを使っていますが若干表示速度が遅いよ…

  4. Tips

    覚えていて損はしないWindowsショートカットキー 作業時間の短縮に繋がります

    普段何気に使っているWindowsショートカットキーですが以外…

  5. Tips

    ストックフォトの複数社の写真管理の為のページを作りました

    先ほどご紹介しましたストックフォトサービスですが各社に写真を送信な…

  6. Tips

    Windows10で.net Framework3.5をインストールする方法

    今回からWindows10に切り替わり心機一転いろいろなアプリ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP