> カスタマイズ | コメント | デザイン >
Blogger のコメント欄で、デフォルトのアバター画像を変更する方法
How to Change Default Anonymous Avatar in Blogger Comments | Blogger Help
上に示した以外のアバターも紹介されています。それぞれ URL が掲載されているので、気に入ったものがあれば、以下のカスタマイズ方法に従って変更してみてください。
導入方法
さっそく導入方法を見ていきます。
これだけです。簡単ですね。
カスタマイズ方法
導入方法で示したコード中、赤字部分で匿名用のアバター画像、青字部分で Blogger ユーザー用のアバター画像が指定されています。好みの画像が別にあれば差し替えてみてください。
緑色のコードは、JavaScript のライブラリ jQuery を呼び出している部分です。通常このままで問題ありませんが、ブログで他に jQuery を呼び出して使っている箇所がある場合、省略した方がいいと思います。
テンプレート変更などブログの模様替えの際に、こういった細かいところもテーマに合わせてカスタマイズしてみると面白そうです。フォトログやイラストブログなんかで、自分の撮った写真や手書き画像にしてみるのもいいかもしれませんね。
スポンサードリンク：
お願い：
Blogger ブログでは、匿名ユーザーや、アバターを指定していない Blogger ユーザーがコメントを投稿した場合、コメント欄にはデフォルトのユーザーアイコンが表示されます。今回は、このデフォルトで使用する画像をブログで自由に設定する方法についてです。
※ このカスタマイズは、「埋め込み」方式のコメント欄にのみ有効です。コメント投稿フォームを投稿ページに埋め込むには、Blogger 管理画面「設定 ＞ 投稿とコメント」ページから、「コメントの場所」項目を「埋め込み」にしてください。
今回のカスタマイズ方法については、以下のサイトを参考にしました。（コードは一部変更しています。）
How to Change Default Anonymous Avatar in Blogger Comments | Blogger Help 上に示した以外のアバターも紹介されています。それぞれ URL が掲載されているので、気に入ったものがあれば、以下のカスタマイズ方法に従って変更してみてください。
導入方法
さっそく導入方法を見ていきます。
１．Blogger 管理画面で「テンプレート ＞ HTML の編集 ＞ 続行」 と進みます。
２．
３．「テンプレートを保存」ボタンを押します。
２．
</body> の直前に次のコードを挿入します。</body> は、ブラウザの検索機能を使うと見つけやすいと思います。
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script>
<script type='text/javascript'>
$("img[src='http://img1.blogblog.com/img/anon36.png']").attr('src', 'http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/s1600/default_avatar.gif');
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']").attr('src', 'http://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png');
</script>
<script type='text/javascript'>
$("img[src='http://img1.blogblog.com/img/anon36.png']").attr('src', 'http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/s1600/default_avatar.gif');
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']").attr('src', 'http://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png');
</script>
３．「テンプレートを保存」ボタンを押します。
これだけです。簡単ですね。
カスタマイズ方法
導入方法で示したコード中、赤字部分で匿名用のアバター画像、青字部分で Blogger ユーザー用のアバター画像が指定されています。好みの画像が別にあれば差し替えてみてください。
緑色のコードは、JavaScript のライブラリ jQuery を呼び出している部分です。通常このままで問題ありませんが、ブログで他に jQuery を呼び出して使っている箇所がある場合、省略した方がいいと思います。
テンプレート変更などブログの模様替えの際に、こういった細かいところもテーマに合わせてカスタマイズしてみると面白そうです。フォトログやイラストブログなんかで、自分の撮った写真や手書き画像にしてみるのもいいかもしれませんね。
スポンサードリンク：
「この記事役に立った！」と思ったら、ぜひフィード登録をお願いします。 
ninest123 11.21
ReplyDeletecoach factory outlet, longchamp, hollister, nike free pas cher, north face, nike tn, longchamp, polo ralph lauren, nike blazer, michael kors pas cher, air jordan, true religion jeans, nike roshe, air max, louboutin, michael kors uk, nike roshe run pas cher, ray ban sunglasses, converse pas cher, nike air force, nike free, timberland, new balance pas cher, abercrombie and fitch, oakley pas cher, michael kors outlet, nike trainers, polo lacoste, sac longchamp pas cher, sac guess, michael kors, sac burberry, mulberry, coach purses, true religion outlet, air max, air max pas cher, hollister, true religion outlet, ralph lauren, sac hermes, vanessa bruno, ray ban pas cher, coach outlet store online, lululemon outlet online, nike air max, vans pas cher, true religion jeans, nike huaraches, north face, hogan outlet
air max, polo ralph lauren, nike free, ray ban sunglasses, louis vuitton outlet, cheap uggs, ray ban sunglasses, oakley sunglasses, jordan shoes, michael kors outlet online sale, michael kors outlet, rolex watches, michael kors outlet, louboutin, air max, louis vuitton outlet stores, uggs outlet, michael kors outlet, gucci outlet, louboutin outlet, polo ralph lauren outlet, louboutin shoes, ugg boots clearance, louis vuitton outlet, tiffany and co, christian louboutin, nike shoes, oakley sunglasses, longchamp handbags, michael kors outlet, ugg outlet, burberry outlet, louis vuitton handbags, michael kors outlet, ray ban sunglasses, longchamp handbags, prada handbags, uggs, tiffany and co, prada outlet, longchamp outlet, burberry outlet, replica watches, tory burch outlet, cheap oakley sunglasses, chanel handbags, louis vuitton, oakley sunglasses, oakley sunglasses cheap
ReplyDeletebeats by dre, oakley, iphone cases, ralph lauren, baseball bats, bottega veneta, wedding dresses, jimmy choo outlet, soccer jerseys, giuseppe zanotti, gucci, insanity workout, louboutin, lululemon outlet, p90x, converse, ferragamo shoes, nike roshe run, s6 case, hollister clothing store, new balance shoes, ray ban, vans, abercrombie and fitch, valentino shoes, babyliss pro, herve leger, air max, iphone 6 plus cases, mcm handbags, north face outlet, nfl jerseys, iphone 5s cases, chi flat iron, iphone 6s plus cases, ghd, birkin bag, abercrombie, asics running shoes, mont blanc, vans shoes, reebok outlet, ipad cases, instyler, north face jackets, mac cosmetics, celine handbags, iphone 6 cases, air max, soccer shoes, timberland boots, iphone 6s cases
ReplyDeletepandora charms, coach outlet store online, converse shoes, canada goose, barbour, pandora jewelry, swarovski crystal, canada goose, thomas sabo, moncler, louis vuitton, moncler, moncler, canada goose uk, canada goose, ugg, links of london, marc jacobs, supra shoes, pandora jewelry, ugg, karen millen, barbour, canada goose jackets, canada goose outlet, moncler, toms shoes, canada goose, louis vuitton uk, moncler, canada goose, sac louis vuitton, ugg pas cher, swarovski, hollister, doke gabbana, sac lancel, ugg, juicy couture, moncler, wedding dresses, moncler, montre homme, ugg boots, pandora charms, sac louis vuitton, rolex watches, moncler outlet, louis vuitton, juicy couture outlet
ReplyDeleteninest123 11.21
jianbin0409
ReplyDeletemichael kors wallet sale
longchamp outlet
mulberry uk
rolex watches
michael kors online outlet
true religion canada
nba jerseys
marc jacobs
air jordan 13
camisetas futbol baratas
beats by dr dre
christian louboutin shoes
cheap jordans
mlb jerseys
cheap nfl jerseys
air jordan shoes for sale
michael kors outlet
louis vuitton outlet store
michael kors outlet
cheap jordans
mulberry outlet
thomas sabo outlet
beats headphones
louis vuitton outlet online
louis vuitton outlet
mbt shoes outlet
louis vuitton handbags
mizuno running shoes
michael kors outlet store
swarovski crystal
air max 90
juicy couture outlet
lacoste pas cher
michael kors outlet online
louis vuitton outlet
cheap jordan shoes
michael kors outlet
こんにちはブログの立ち上げのとき、クリボウさんのブログを見ながら
ReplyDeletebloggerでブログを作りました。
コメント欄に自分のプロフィール写真が表示されなくなってしまい
その解決方法を調べに来ました。
こちらの記事ではブログ訪問者のコメントに付くアバター画像の表示の変更について書いてくださっていますが、自分のコメントのアバター画像を再び表示させる方法はありますか？
現在コメントすると、アバターが表示される部分に「侵入禁止マーク」のような
円の中に横線の引かれた画像が表示されます。
自分のブログでも、他のblogger利用者のブログでも、コメントするとこうなってしまいます。
心当たりがあるのが、ブログ記事の投稿画面の作成モードで
Delete「画像の追加」で追加する画像を選ぶときに
「Googleアルバムアーカイブから」を選択すると
「Bloggerの画像」という項目がありました
そこにプロフィール写真やアバターに使用している画像が何枚もあって
（元の画像は全て同じ１つの画像を使用しています）
「何で同じ画像が何枚もあるのかな？じゃまだしややこしいから１つにしよう」と思って数枚消したことです。
これを元に戻せばいいのかもしれないと思いますが、戻し方がわかりません。
クリボウの Blogger 入門から初めてブログを作るような状態なので
HTML の編集をいじって大丈夫な自信はありませんが頑張ってみようと思います。
コメント返信はメール通知されるようにしていますので
お時間ある時にコメント返信くださいますとうれしいです。
解決できました、ご心配おかけして申しわけございませんでした。
Deleteプロフィール写真をすると、自動的に何枚も同じ写真が複製されるようです。
プロフィール写真を登録しなおすことで「Bloggerの画像」という項目に
同じ名前の画像が複数作られて、コメント欄の写真も表示されるようになりました。
http://emc-mee.kinja.com/east-eldmam-com-1791211077
ReplyDeletehttp://emc-mee.kinja.com/jumperads-com-1791210879
http://emc-mee.kinja.com/1791211197
http://emc-mee.kinja.com/1791211921
http://emc-mee.kinja.com/1791211985
http://emc-mee.kinja.com/1791212330
ReplyDeletehttp://emc-mee.kinja.com/1791212834
http://emc-mee.kinja.com/1791212889
http://emc-mee.kinja.com/1791212965
http://emc-mee.kinja.com/1791213033
شركات تنظيف بمكة
ReplyDeleteشركة مكافحة حشرات
شركة تنظيف بالدمام
شركة تنظيف بالمدينة
شركة تنظيف بالطائف
Cheap Jordans
ReplyDeleteMichael Kors Outlet Store
Pandora Charms
Ray Ban Sunglasses
Coach Outlet
Coach Outlet Online
Coach Factory Outlet
Coach Outlet Online
Michael Kors Outlet
Michael Kors Outlet Stores
ReplyDeleteprofile1
profile2
profile3
profile4
profile5
profile6
profile7
Very Nice tips. Thanks for share.
ReplyDeleteclipping path
Freebet via Dealer Capsa Online Voronezh Region Capital Situs www.rusiapoker.pw Melalui BPD Riau Kode Bank 119.
ReplyDelete