DTIブログトップへブログのトップページDTIブログ・ポータルサイトモブログ一覧最新ニュースからブログのネタをゲットしようテンプレートの一覧メンバーログイン お知らせ版ブログ | ヘルプ
日記 趣味 ブログ ビジネス 芸能 ランダム表示

マニュアル > トップの画像を変えてみよう

第04章：デザイン
2. テンプレートの編集 ：　a. トップ画像の変更
 
テンプレートを編集して自分だけのオリジナルブログにカスタマイズする事ができます。ここでは基本的な事項についてだけ触れますが、もっと深く細かいところまでカスタマイズするには、ＨＴＭＬやＣＳＳの知識が必要となります。公式テンプレートや共有テンプレートを見本にしてお好みの画像を入れてみましょう。
 
「デザインの編集」をクリックします

 
 
 

「general_buroguma」の左上の画像を変更してみましょう



 
 
 
 
[general_buroguma]を選んで「修正」します


[general_buroguma]を選んで「修正」リンクをクリックして下さい
 
 
ＨＴＭＬコード内で該当する画像コードを見つけましょう


[general_buroguma]の場合、下記が該当する画像ファイルのコードです。

http://1.dtiblog.com/template/genral_buroguma/image/rotennburo.gif

↑の画像コードをアップロードした画像に差し替えてみましょう
※ショートカットCtrl+Fの検索機能で検索すると簡単に見つけられます。
 
 
 
利用したい画像をアップロードします

 
 
 
 
サムネイルをクリックして画像コードをコピーしましょう


 
 
 
 
画像コードを書き換えます　（サイズもあわせましょう）


http://1.dtiblog.com/template/genral_buroguma/image/rotennburo.gif

差し替え画像コード
http://1.dtiblog.com/b/blacky1/file/back.jpg"

画像のサイズも指定します
width"800" height="200"
画像は変更されましたが、タイトルが画像の横になってしまっています

 
 
 
 
タイトルと説明文の位置を左側に変更してみましょう



1.タイトル部分をコピーする

下記のコードがタイトルとその説明箇所です。ここをコピーします。　
<td><a href="<%url>"><%blog_name></a><div class="site_intro"><%introduction></div></td>


2.トップ画像の上の位置にタイトル部分のコードをペーストします。


3.コピー元を削除します。
 
 
 
タイトルと説明文を左に移動しました

 
 
 
 
<< マニュアルメニュー　　　記事投稿欄の位置を変更>>
 
 
ＨＯＭＥ｜初めに｜何ができるの？｜新規ブログ作成｜用語集｜ご利用規約｜プライバシー｜会社概要｜ヘルプ