...

ExciteBlog スキン『Mix 』設定方法 はじめに この度はスキン素材『Mix

by user

on
Category: Documents
20

views

Report

Comments

Transcript

ExciteBlog スキン『Mix 』設定方法 はじめに この度はスキン素材『Mix
ExciteBlog スキン『Mix○』設定方法
はじめに
この度はスキン素材『Mix○』をダウンロードいただき誠にありがとうございます。ちなみ
にこのスキン名は『ミックスオー』でも『ミックスマル』でも、どのように発音していただ
いても結構なのですが、作者は『ミクソー』と呼んでいます。
ステップ1
まず、使用画像ファイルと使用するソースをダウンロードしましょう。
ダウンロードしたファイルは zip ファイルになっていますので、解凍して使用してくださ
い。解凍の方法がわからないお客様は、yahoo や google で『zip 解凍』などをキーワー
ドに検索してみてください。
ステップ2
エキサイトブログのブログ設定の画面を開いてください。
そこでスキン変更をクリックします。
次にマイスキンをクリックします。
すると『新しいスキン作成』というボタンが現れるので、そちらをクリックします。
次のような画面が現れるので、下部の『スキン作成を始めます!』ボタンをクリックして
ください。
4つのパターンから C にチェックを入れて『次へ』ボタンを押してください。
次の画面が表示されますので、変更をクリック。
上から『500』『150』『160』に設定して『修正』ボタンを押してください。
ステップ3
先ほどの画面にもどって 500,150,160 になっていることを確認した後、『マイイメージ
アカウントにイメージ登録』をクリックします。
すると下のようなウィンドウが開くので、参照をクリックしてください。
ファイルの場所を聞いてくるので、ステップ1で解凍して作成した画像のフォルダから画
像を一つ選択し『開く』を押します。
下のように画像の場所とファイル名が表示されたら、
『送信』ボタンをクリック。
すると下のイメージリストに画像が保存されます。これを繰り返し、使用画像フォルダに
ある全ての画像を保存してください。
(注意:日が変わると後々面倒なことになるので、この作業は迅速に行ってください)
ステップ4
保存されたイメージリストからファイルを一つ選択すると、その下にイメージ URL が表示
されます。このイメージ URL のファイル名以前の部分をマウスで反転させて、右クリック
から『コピー』を選択してください(WIN)。
①
②
③
次にもう一つ解凍した『使用するソース』のフォルダから、css というファイル名のテキ
ストファイルを開いてください(Win ならメモ帳で開けると思います)。
そして『編集』から『置換』を選択します。
置換のウィンドウが開いたら、上段『検索する文字列』には『●●●』(「●」は「まる」
で変換できると思います)を入力。下段『置換後の文字列』には、その上で右クリックから
『貼り付け』を選択し、先ほどコピーした URL を貼り付けてください。
この状態で、
『すべて置換』を選択します。
置換が完了したら、
『マイイメージアカウントにイメージ登録』で開いたイメージ登録のウ
ィンドウとメモ帳を閉じてください(変更した CSS というファイルは保存すること)
。
ステップ5
ステップ2と3で扱った画面に戻ります。少し下にスクロールしてください。下の矢印の
部分に注目してください。
ここで、左側の白い四角、右側の「本文」と書かれた四角、外側の灰色の部分をそれぞれ
クリックしてその下のソース(HTML)が変化することを確認してください。それぞれ
1の状態
2の状態
3の状態
と、ここでは呼称します。
1の状態で解凍したソースのファイル、ファイル名1を開き、その中身全てをコピーしま
す。(WIN:右クリックから「すべてを選択」→右クリックから「コピー」が楽です)
そして、下のボックスに貼り付けます。
(「すべてを選択」→「貼り付け」が楽です。
)
同様に、2の状態にしてファイル名2の内容を貼り付け、3の状態にしてファイル名3の
内容を貼り付けます。
最後にファイル名「CSS」を開き、その内容を全てコピーします。
ページのさらに下段 CSS 編集の中に貼り付けを行い、保存をクリックします。
ステップ6
いよいよ最後です。下のような画面が現れるので、スキン名を適当に定めてください。
次に『参照』をクリックして、解凍した画像ファイルの中から『mypic75x75.gif』を選択
してください。左下のチェックを ON にして、
『マイスキンに保存します。
』をクリックして
作業完了です。
①
③
②
不明な点、詳細などが知りたい場合は素材屋千客万来からサンプルページをご覧下さい。なお、
ご使用にあたりいかなるトラブルが発生した場合も、責任を負いかねますのでご了承ください。
素材屋千客万来
http://www.h5.dion.ne.jp/ totem/
トーテム
Fly UP