2016年4月5日

Bloggerヘッダーにロゴ画像やヘッダー画像を挿入する方法。簡単です。

スポンサードリンク

 Bloggerでは、ウィジェットのヘッダー設定から簡単に画像を追加できます。
そのやり方をお知らせします。

Bloggerヘッダーにロゴ画像を入れたい時は


 ではやってみます。


 Blogger管理画面→

レイアウト→

header→

ここでブログタイトルや、ディスクリプションを入力できます。


 イメージという欄がありますね。
ここにて、好きな画像をアップロードします。


 プレースメントは


  • タイトルと説明(ディスクリプション)の背後
  • タイトルと説明の代わり
  • 説明を画像の後ろに表示する


の3つから選べます。

私は説明を画像の後ろに表示させました。


 画像は大きいものでも良いのですが、
あまりサイトが重くならない程度にします。

ロゴ画像なら手軽にアップできそうです。

見やすくキレイに仕上げましょう。


 参考までにCSSを。

PCバージョン→

.header-inner .Header img {
  margin-top: 10px;
  margin-bottom: 10px;
}


スマホバージョン→

/* Mobile
----------------------------------------------- */




.header-inner .Header img {
  margin-top: 10px;
}




 こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。


 当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。

必ずデータは最新のバックアップを取っておいて下さい。


 WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。

当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。

詳細はWordPressヘルプを参照下さい。


 ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
(わからんから)


スポンサードリンク