◆新コメント欄にプロフ画 超カンタン手順解説！
新コメント欄にプロフ画の超簡単手順を書いてみることにしました。
長々と書いてありますが、５分もかからずできる内容です。
アメブロのコメント欄に自動でプロフ画を表示させる方法｜アメプロ AMEBLO CUSTOM
あくまでこのサイト様で説明されてるものを、素人なりにわかりやすくしたつもりです。
そもそも私が素人なので、かなりしょうもない解説になってしまいそうですが…
大きくはこの３つを貼り付けるだけ！簡単でしょう？
Ａ
Ｂ
Ｃ
この Ａ Ｂ Ｃ の３つをどこに貼り付ければいいか…それさえ間違わなければ、
絶対できます。Ａ Ｂ Ｃの色が違うのは、Ａ Ｂは同じところに貼り付ける
同じ種類のものだからです。Ｃだけはちょっと違うところに貼り付けます。
まずはじぶんの管理ページで、
①ブログを書く→②サイドバーの設定→③フリープラグインの順で
フリープラグインを表示させます。
④そしてフリープラグインのスペースの一番最初に Ａ を、
⑤一番最後に Ｂ をこの記事からコピーして貼り付けます。
この一番最初と最後を間違えないようにしてください！
既にプラグインを使っている人は要注意！
⑥保存ボタンを押す。たまにうまく保存できない場合があるので、できるまで押す！
もし、はじめてフリープラグインを使う場合は、「サイドバーの配置」メニューへ行き、
「使用しない機能」の中にあるフリープラグインを、
「使用する機能」へドラッグして移動する。そして保存！
⑦「デザインの変更」メニューから、⑧「ＣＳＳの編集」メニューへ
⑨右のスクロールバーをつかみ、
⑩ＣＳＳの一番下へスクロール！
いろんな記述があると思いますが、無視してとにかく一番下へ
⑪一番下の記述から改行してちょっと間をあけて記事の最初に紹介した
Ｃ をコピーして貼り付けます！
⑫そして保存！例によってうまくいくまで何度も押す！
以上で終了です。記事にすると長いですが、めちゃくちゃ簡単です。
最初にも言いましたが、３つのものを貼り付けるだけ。
これでみなさんのブログのコメント欄もみんなのプロフ画が表示されて、
楽しくなりますよ！是非お試しあれ！
長々と書いてありますが、５分もかからずできる内容です。
アメブロのコメント欄に自動でプロフ画を表示させる方法｜アメプロ AMEBLO CUSTOM
あくまでこのサイト様で説明されてるものを、素人なりにわかりやすくしたつもりです。
そもそも私が素人なので、かなりしょうもない解説になってしまいそうですが…
大きくはこの３つを貼り付けるだけ！簡単でしょう？
Ａ
<script type="text/javascript" src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1.4.4");</script>
Ｂ
<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/87/48/10010269430.css" defer="defer"></script>
Ｃ
.comment_body .proimg{
/* 画像の表示位置rightで右 leftで左*/
float:left;
/*周りの余白*/
margin:10px;
}
#comment_module .comment_body {
overflow:hidden;
}
#comment_module{
border:2px solid #000;
padding:15px;
}
/*画像サイズの調整*/
div.proimg img{
width:61px !important;
height:61px !important;
}
この Ａ Ｂ Ｃ の３つをどこに貼り付ければいいか…それさえ間違わなければ、
絶対できます。Ａ Ｂ Ｃの色が違うのは、Ａ Ｂは同じところに貼り付ける
同じ種類のものだからです。Ｃだけはちょっと違うところに貼り付けます。
まずはじぶんの管理ページで、
①ブログを書く→②サイドバーの設定→③フリープラグインの順で
フリープラグインを表示させます。
④そしてフリープラグインのスペースの一番最初に Ａ を、
⑤一番最後に Ｂ をこの記事からコピーして貼り付けます。
この一番最初と最後を間違えないようにしてください！
既にプラグインを使っている人は要注意！
⑥保存ボタンを押す。たまにうまく保存できない場合があるので、できるまで押す！
もし、はじめてフリープラグインを使う場合は、「サイドバーの配置」メニューへ行き、
「使用しない機能」の中にあるフリープラグインを、
「使用する機能」へドラッグして移動する。そして保存！
⑦「デザインの変更」メニューから、⑧「ＣＳＳの編集」メニューへ
⑨右のスクロールバーをつかみ、
⑩ＣＳＳの一番下へスクロール！
いろんな記述があると思いますが、無視してとにかく一番下へ
⑪一番下の記述から改行してちょっと間をあけて記事の最初に紹介した
Ｃ をコピーして貼り付けます！
⑫そして保存！例によってうまくいくまで何度も押す！
以上で終了です。記事にすると長いですが、めちゃくちゃ簡単です。
最初にも言いましたが、３つのものを貼り付けるだけ。
これでみなさんのブログのコメント欄もみんなのプロフ画が表示されて、
楽しくなりますよ！是非お試しあれ！