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>

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

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

  • コメント: 0

予測変換や顔文字など多彩な機能にオリジナル辞書もスキン変更なBaidu Typeを試してみました前のページ

HD動画を快適に再生出来るメディアプレイヤー splash lite軽い、日本語対応次のページ

関連記事

  1. Tips

    テレビやネットでの印象操作グラフの実例が面白い 物事の見方が正しくなるかも

    色々な物事・様々な写真などをまとめているネットサービスNAVE…

  2. Tips

    ホームページ作成時などに便利 HTMLタグ一覧やCSS Javascriptなどのリファレンス集

    ホームページやインターネットの発信をする時に何かと調べる事にな…

  3. Tips

    Amazonからの怪しいメール!! フィッシング詐欺にご注意!!

    私のGmail宛に届いたAmazonからのメール。確認しないと24…

  4. Tips

    【解決】Youtubeからフィードやおすすめ動画の表示を削除する方法

    Youtubeのトップ画面がいつの間にか賑やかになっておすすめ…

  5. Tips

    【Tips】パソコンの購入時期や起動時間を調べる方法

    パソコンの入れ替えやパソコンの起動時間を調べたりする方法をご紹介。…

  6. Tips

    【Tips】見逃しているかも・・・ Facebookに新着メッセージ来ていませんか?

    Facebookでも直接やりとりできるメッセージ機能ですがイン…

コメント

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

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

最近の記事

PAGE TOP