今回も質問に答えたいと思います。
ブログのヘッダー画像についての質問がきました。
ここの画像を変えることで印象が変わるので
覚えておいてもいいでしょう。
ここの画像を変える方法は２つあります。
一つはカスタムブログで画像だけ変える方法と
CSSブログでタイトルをテキストで出さない方法です。
画像はPhotoshopでもファイヤーワークスでも
何もない方はもともと入ってるペイントでも
画像ソフトを使って作ってくださいね。
サイズ横980ピクセルで縦は300ピクセルまでです。
最近ではこんなに簡単にタイトルバナーが作れます。
アメブロ対応！ブログやホームページに、無料で簡単ヘッダー画像作成ツール | BannerChef
それではまずはカスタムブログの方です。
１、ブログから２、デザインから３、カスタムブログを選んで
レイアウトを選んで確認適応します。
そうしたら４のカスタマイズをクリックします。
下の画面になりますのでそうしたら
1、で画像を選び２、で縦のサイズを変更
３、で文字サイズ 文字の位置、上からの文字の距離を入力
そして４、の保存をクリックすると完成です。
微調整しながら確認してください。
そして次に今回の本題にうつります。
質問内容はこれですね。
------------------------------------------
なんとかバナーできたんです！ありがとうございました
それと、またまた悪いんですが、
むずかしいでしょうか？
画像の中にタイトルなどをいれたいんですがそれを手書き文字でい
画像加工で検索してとりあえずはできたんですがプリクラみたいに
ビラ配りみたいに一生懸命がんばります
いろいろありがとです、感謝してます！
------------------------------------------
まあ簡単にできますが
手書きの文字が個人的に苦手です。
画像編集ソフトがない場合はペイントでぞうぞ！
まあ今回は作ったとします。
作り方がわからない場合は
手順の詳細を書きますのでご連絡ください。
ブログタイトルが画像に入っている場合は
テキストタイトルがいらないので
CSSブログを使います。
このブログもCSSテンプレートを使っています。
普通のブログと違いアメブロ公式ブログみたいに
タイトルバナークリックできますね。
普通のブログはリンクがテキストになっているはずです。
先ほどと同じように
１、ブログから２、デザインから３、カスタムブログを選んで
CSSをクリック、レイアウトを選んで確認適応します。
そうしたら４のCSSの編集をクリックします。
下の画面になりますのでそうしたら
１、で作った画像を選択２、でアップロード
３、でここに画像のパスが出るので後で使います。
スクロールさせて下に行って
CSSの文章の一番下に
下の文をコピペで貼り付けます。
------------------------------------------
/* ブログのタイトルも含めて画像にする */
.skinBlogHeadingGroupArea{
padding:0;
}
.skinTitle{
display:block;
text-indent:-9000em;
outline:none;
height:縦のサイズpx;
background: url(ここにさっきの画像パス) no-repeat 50% 50% ;
}
.skinDescriptionArea{
text-indent:-9000em;
height:0px;
}
------------------------------------------
そうしたら文章中の縦のサイズに半角で数字を
ここにさっきの画像パスを消して
そこに画像パスをコピペします。
やった～これで保存して完成！
確認してちゃんと作動するか確かめましょう。
赤文字でリクエストなんとかとか出たらもう一度保存で。
今回はこれでおしまいです。
やってみてわからなくなったら質問してください。
まずはブログタイトルがテキストか画像か
考えてから作業してください。
わからないことなどありましたら質問は
メッセージやコメントでどうぞ
下は申請していただいたら喜びます！
読者も募集中！
フェイスブック
http://www.facebook.com/aoibaramk2
ツイッター
http://twitter.com/aoibaramk2
ミクシィ
http://mixi.jp/show_profile.pl?id=18630650
キーワードは蒼薔薇です
メニューへ戻る