コメント欄にお友達の写真をのせる方法：ファンブログ
ブログ初心者のみなさん、ちょいコッサーのあなた。
こんにちは、かこです♪
今回は、コメント欄にお友達のプロフィール画像を
載せる方法です。
ソースをコピって、2か所に貼るだけのカンタン技。
こんなかんじになります。
ファンブログハックのおーとえすさんのコメント欄に
可愛い画像がついているのを見て、
とってもうらやましくなりました。
ここにブログの名前を入れますのTomさんに、
ちょいコッサー用に、つべこべ言ってないで
コピって貼るだけのソースを作ってね☆
とコメント欄でお願いしたところ、
快く作ってくださいましたので、ご紹介します。
難しいことは考えず、場所を間違えずに
コピーして貼れば、大丈夫。
でも、貼る場所を間違えると、とっても大変なので、
まず、スタイルシートと、一記事テンプレートソースの
バックアップを必ずとってくださいね♪
※カスタマイズする前に、こちらの注意を必ず読んでくださいね！
カスタマイズトラブル対応法とお願い
*****
まず、一つ目。スタイルシートに貼る分。
管理画面、デザインの変更⇒フリースキンの編集⇒
スタイルシートを選びます。
スタイルシートの編集画面の一番下の行に
このTomさんちのサムネイル表示のソースのスタイルシートをコピーして貼り付け、保存します。
*****
次に、二つ目。一記事テンプレートに貼る分。
管理画面、デザインの変更⇒フリースキンの編集⇒
一記事を選びます。
一記事テンプレートの編集画面から、
下の方にある、<div id="footer">を探して、
その行の上に空行を入れ、
サムネイル表示のソースのスクリプトのソースをコピーして貼り付け、保存します。
*****
画像サイズの変更方法なども、同じ記事の中で説明してありますので
そちらをどうぞ♪
スタイルシート、一記事テンプレートの編集ができない方は、
サイドバーに貼るだけのこちらの方法でどうぞ。
ちょいコツ
♪この記事のカテゴリ パソコン豆知識 Part1へ♪
トラックバック（受付を終了しました）
» サムネイル表示モジュール from ここにブログの名前を入れます
先日、「ファンブログハック」のおーとえす氏のソースを改変して、コメント欄にサムネイルを
表示するスクリプトを公開しました。それをサイドバーに埋め込んで簡単に使えるようにしました。 [Read More]
Tracked on 2012年02月23日(木) 06:46
この記事へのコメント（受付を終了しました）
ご連絡はココロデザイン、Twitterでどうぞ。確認しました。画像がつくと可愛いですよね。
使って下さって嬉しいです。ありがとうございます〜。
初心者で、貼るだけのこちらの方法で、、、
できました〜
ありがとうございます
もし、貼り方に質問が来たら、気が向いたら、こっちに質問してって
教えてあげてくださいね。
こちらにはソースコードを載せないように。
リンクのみにするか、記事そのものを削除するように。
ああー。なるほど。道理で見えるようにならない笑。
わざわざ、また来ていただき、ありがとうございます！
下にも書きましたけど「IPSim」の導入、
考えてみるかもです。
ああ〜、かこさん、これちょっと誤解を与えちゃったかもしれません。ごめんなさい。
iPhone専用に作られたページがある場合で、それがパソコンのブラウザで見せる用のものと別のソースになっていて、パソコンのブラウザではどのように見えているかわからない時、Google Chromeを使ったあのやり方で、iPhone実機で見た時にはどのような表示がされているかをパソコンのGoogle Chromeからチェックできるものです。
＞・・・でOverride User Agentにチェックを入れてiPone - iOS 5を選んで、
ここまでは分かりました。
＞ページを読み込みするとエミュレーションっぽい表示
ここからがやり方が分からず、また後で見てみます〜。
こんなのもあるんですね。いれてみようかな。
ChromeをiPhoneシュミレーターにできる拡張「IPSim」
Google Chrome→右上のスパナ→ツール→デベロッパーツール→右下のギヤをクリック
でOverride User Agentにチェックを入れてiPone - iOS 5を選んで、ページを読み込みするとエミュレーションっぽい表示ができるようですよ。
私もiPhoneじゃないので、確かめてあげられません笑。
スタイルシート貼り付けました。
でも、iＰhoneじゃないので、
どう変わったのかわかりません
ご連絡ありがとうございました
お手数おかけしました♪
スタイルシート貼りなおし完了しました。
わざわざご連絡ありがとうございます。
iPhone用のスタイルを追加しないといけない。
やっぱりコメント大小するの？
iPhoneの仕様。
お手数ですが、iPhone対応版のスタイルシート、
貼りなおしてくださいませ〜。
昨日すぐに試さなくて良かった
Tomさんの見てちゃちゃっと出来ました
私は画像大きめが好きみたい
俺のテンプレのせいだったら申し訳ない。。
入れ違いでした。
かこ。
アップデート情報、追記しといて。
こんな内容
iPhoneでは、コメント毎に文字の大きさが変わっていたのを修正しました。
修正時刻 2012/02/13 23:25
それ以前に導入した方は、スタイルシートをコピペで上書きしてね！
あんまし役に立たんけど（笑）
iPhoneがなかったので大助かりです！
りょうちゃん確認ありがとう。
SGLさんスクリーンショット、ありがとう！
画面見られて嬉しかった。きれいに見えるねぇ。
http://xfs.jp/rdSD1
zip圧縮で、jpg4枚はいっちょりますのでご確認を！
えっと、今見てみました！
特にiPhoneで小さすぎて見えないってことは無いんですが、コメント欄の文字は本文の文字サイズの半分ぐらいです。
でかくはないですよー
りょうちゃんよろしくっ。
かこ。CSSを下のに差し替えて
りょうちゃんに見てもらって。
iphone用設定が増えてる。
もしこれで、りょうちゃんに問題なく見えるなら、
サファリで見てみて。
iphoneに合わすとサファリでおかしくなるという情報がる。
iphoneでもサファリでも無問題なら、スタイルシートをこれに変えれば解決。
/* コメントサムネイルここから */
#commentForm div.comment_layer table,
#commentForm div.comment_layer tr,
#commentForm div.comment_layer td{
border:none;
margin:0;
padding:0;
vertical-align:top;
-webkit-text-size-adjust:none;
}
#commentForm div.comment_layer td img{
margin:0 10px 0 0;
}
#commentForm div.comment_layer td a,
#commentForm div.comment_layer td a:hover{
background:transparent;
}
#commentForm div.comment_layer td.commentText img{
vertical-align:middle;
margin:0 0 0 0;
}
/* コメントサムネイルここまで */
仕事だった
今から作ります（笑）
お気に入りのスキンだったのに変えたんだね
きのちゃんちも文字の大きさおかしい
私んちは大丈夫
サムネイル使ってない人のおうちは大丈夫みたいよ
まだ２人ほど見ただけだけど
Tomくんちはなおったっぽい
サムネイル使ってない人のおうちもコメント欄の文字の大きさおかしいの？
記事は大丈夫
コメントだけ
他のとこもコメントはあかんわ
Tomくんにも聞かれたので
確かめてみるね
Tomさんが言ってる？
りょうちゃん。
教えてくれると助かります。
それとも他の記事も？
うまくいきました。
ありがとうございます。
iPhoneで見たらめっちゃ小さい字や大きい字さまざまだった・・
なんで？
かこさんは結構影響力があるので、使う人が増えそうで何よりですｗ
私は普通だ。
なんででしょうかね〜？？
Tomさんとこのやり方で、うちでも出来ました。
今回は流行にのれてよかったです。
コメントも心姫さんのは字が大きいよ
文字がはみ出てたのが気になったってわけではなく、
そういうもんなのか、疑問に思っただけだったんんですよ。
もしかしたら、私だけそう見えてるのかも、とも思いましたし。
時々、コメントの文字が大きく見えたり、とか何か色々あるんで・・・。
しかし、これはホントに流行りそう〜。
私も
賑やかすぎるしね
ぬふふん。触れてくれてありがとうー！ｗｗ
爆発的に流行りそうな予感！！ｗ
○独自
まちがえた。
目の付け所がいい。彼は。
ひとり勝ちか？
分からないのと一緒。
こんなに流行るとは。やるな。SGL。
Tomが貼るだけにしてくれるって！
機能項目の追加方法と移動の記事を書くのか。私が。
サイドバーにできれば、さらにヒット間違いなしだ。
お前のファビコンも自信作なのにヒットせず。
おーとえす大ヒット！なのに掠め取られる。
うまくいかんね。
難しいこといいましたね。
スタイルシートもソースも一カ所でいいの？
多分出来ない。けど、サイドバーに入れて出来るようにすることはモーマンタイ。
大ヒットだな！
りょうちゃんちはにぎやかね。
前に、自分につけてた目印クローバーが
今ではじゃまなかんじになっちゃったなぁ。
とりあえず急いで記事あげたけど、私も気になってたので直します。
画像の大きさ調整で、ましになると思うんだけど。
noriさんのテンプレって、スキン編集できたっけ？Tom？
昨日から、ちょいコツするんなら、どうやって書こうって
一日ぼんやり考えてましたから。
まねっこしてください。カンタンですよ♪
コピペで大丈夫なソースになってるか試してなかったから
起きたらテスト、って思ってたら
りょうちゃんとあげはがテストしてくれてた。
ちゃんと動くね。ありがとう。
よく分からなかったから
ありがとね
出来た！
初心者でもわかりやすい記事です。
私は、１記事に貼るソースと同じソースをスタイルシートにも貼っていました。
ちょっと おかしいとは思ったけれど、
結果はちゃんと リンク出来ていたので まぁ いいかぁと・・
こういうもんなんですか？
スキン編集できるやつに変えようかな・・・。
ちょいコッサーだし、やろうかなぁ
初めはね、目がチカチカするーだったの
年ですかねぇ・・・
でも見慣れればコメントの返事とか探すのは
楽なような気がしますね〜
ご訪問いただきありがとうです＾＾
ちょいコツ。。難なくこなしてしまう
かこさん 凄いです＾＾
何をするにも てんやわんやです
わし。。た 抜けた＾＾(笑)