FC2ブログ

do not fear mistakes.

日々徒然

これは個人宛の記事だから見ても仕方ないんだぜ

Category: 雑記  
超私用ヾ(゚д゚)ノ゛





↓マチェさんは追記を読めばいいじゃない!


サイドバーへ画像を貼る方法。

まず「新しく記事を書く」を選んで「ファイル挿入」を押す。
普通に記事内で画像貼るやり方と同じね。
んでサイドバーに貼りたい画像をアップロード、
ファイル情報の所にサムネイルが追加されたらその画像をクリック。

そうすると画像だけのページが開くんだけど、
そのページのURLが「画像のある場所」になります。
この画像のURLは後で使うんでメモ帳か何かにコピペしといてくれ。

んで次に、管理画面にある「環境設定」「プラグインの設定」を開く。
「プラグインタイトル」PC用「公式プラグイン追加」→「フリーエリア」追加

以下、フリーエリアの説明。

タイトル … サイドバーの"プロフィール"とか"最近の記事"とかの部分。
        入力した文字がそのままタイトルになります。

プラグイン説明 … 無視しておk

各種文字設定 … そのまんまの意味

表示の設定 … これもそのまんま

プラグインカテゴリ …
これ説明すんのややこしいんだけど、ブログデザイン…所謂テンプレートだけど、
ものによってはサイドバーが右にあったり左にあったり下にあったりするだろう。
プラグインカテゴリ1とか2ってのはその場所を示すんだけど、
テンプレによって設定してある場所が違うから
自分の使ってるテンプレに合わせて追加する番号を変えてみて。
こればっかりは実際やってみて確認するしかない(;´д`)

フリーエリア内容の変更 … はいここ一番重要ー テストに出るぞー!

HTMLわかりますかね?タグとか…どうでしょう。
なんとなくマチェさんの性格というか今までの話を聞く限り
知らない悪寒がビシビシするんだが。


単純に画像を貼りたい場合は、下のタグをフリーエリアに貼り付ければおk。

<img src="画像のアドレス" width="画像の幅" height="画像の高さ" border="0">

<> ←カッコは半角に直して書いて下さい。

"画像のアドレス"の部分に先述した「画像のURL」をそのまま入れて下さい。
http:// ~~~ .jpg などの拡張子までがアドレス。

画像の高さ・幅は書かなくても表示できるんだが
書いた方が画像の表示が早くなり、延いてはブログ全体の表示を早める事に繋がるので
ブログを閲覧されるお客様により親切です。

画像にマウスを合わせた時に文字・文を表示させたい場合は
alt="" を追加して下さい。

↓こんな感じ。

<img src="画像のアドレス" width="画像の幅" height="画像の高さ" border="0" alt="好きな言葉">

ここに文字を入れておくとうちの日記のサイドバーのペット同盟のアイコンみたいに
オンマウスで文字が出るようになるよ。


あとは文章だけど、まぁ普通に書けば表示されます。
改行する場合は改行したい場所に <br> を入れて下さい。
カッコは半角でだぜ。

文字のサイズとか色とか変えたい場合はタグで書く必要があるので、
まぁこれは俺が説明するより「タグ」で検索かけて出たサイトを参照する方が早い。


リンクを貼るやり方だけ説明しておく。

<a href="リンクで飛ばしたい先のアドレス">ここに書いた文字がリンクになる</a>

target="_blank" を入れておくと別ウインドウでリンクが開きます。

<a href="リンクで飛ばしたい先のアドレス" target="_blank">ここにry</a>

基本的にはこっち(target="_blank"あり)で書くといいよ。


画像にリンクを貼る場合は、文字が画像タグになるだけで他は同じ。

<a href="リンクで飛ばしたい先のアドレス" target="_blank"><img src="画像のアドレス" width="画像幅" height="画像高さ" border="0"></a>


あぁ、画像タグの border="0" は画像の周りに枠を付けるかどうかね。
枠付けたい場合は "0" の部分に数字を入れてくれ。
例えばうちのサイドバーの「Profile」にあるペンギンのイラストは border="1" になってる。


わかりやすく書いたつもりだが、もしわかんなかったらサイトの左下に拍手があるから
そこにどうわからないか、他に聞きたい事もあったらメッセージを送ってくれ。
マチェさんとこのコメント欄に返事するから。



それじゃ寝てくる!  三 ┏( ^o^)┛     |ベッド|


Profile
Author:椎名悠人


当blogに使用されている
画像の転載は一切禁止します。

Calendar
Monthly Archive
08  01  12  10  09  08  07  06  11  03  02  01  12  10  09  02  12  11  09  08  07  05  04  03  02  01  12  11  10  09  08  07  06  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  10 
pixiv
guideline
(C)BROCCOLI/GungHo Online Entertainment,Inc./HEADLOCK Inc. このページ内におけるECOから転載された全てのコンテンツの著作権につきましては、株式会社ブロッコリーとガンホー・オンライン・エンターテイメント株式会社および株式会社ヘッドロックに帰属します。なお、当ページに掲載しているコンテンツの再利用(再転載・配布など)は、禁止しています。
-------------------------------
©2004 Ntreev Soft Co.,Ltd. All Rights Reserved. Exclusive License ©2004 HanbitSoft, Inc., All rights reserved. ©2004 Gamepot Inc., All rights reserved.