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/ トーテム