ファンブログ雑記帳

『パート派遣主婦のぐーたら子育て生活』で起きたファンブログの記録

コメント欄画像の顔ナシさんを替える:ファンブログ

これは、「ここにブログの名前を入れます」の
サムネイル表示のソース」を使って、
ファンブログのコメント欄に、サムネイル画像を
表示させている方のみへの情報です。

*****

自分自身が、スマホなどでファンブログにログインせずに
コメントを返したい。
もしくはお友達がファンブログの外に移動してしまった。

そういう状態でコメントを書くと表示されてしまう
no image 画像。通称顔ナシさん。

no image

私、この人あんまり好きじゃないんですよね。
人相悪くて。いや、人相ないんだけど。

この顔ナシさんの顔を変える方法です。

まず、一記事テンプレート編集ページにある、この行を探します。

var noImage=’http://fanblogs.jp/ayzfqir5/file/384/LXVzci1sb2NhbC1hcGFjaGUyLWJsb2ctaW1hZ2UtcHJvZmlsZS1wcm9maWxlX2RlZmF1bHQxRtQ.gif‘;

【1】ファンブログ絵文字に替える

たとえば、このクローバーの絵文字に替えたいとき。

var noImage=’http://fanblogs.jp/image/emoji/103.gif’;

と、一行をコピペで書き替えます。103がクローバーの番号です。
好きな番号の絵文字に書き替えてみて下さい。

一番左上のが0.gif、一番右下のが219.gifです。
(145から199は欠番です)

※ファンブログ絵文字は2014年1月のリニューアルで廃止されました

【2】かこ提供画像に替える

私が作った画像です。お好きなものをお使いください。

no image1

var noImage=’http://www.cocorodesign.net/parthaken/file/792/bm9pbWFnZTEU0g.jpg’;

no image2

var noImage=’http://www.cocorodesign.net/parthaken/file/792/bm9pbWFnZTIV0w.jpg’;

no image

var noImage=’http://www.cocorodesign.net/parthaken/file/792/bm9pbWFnZTMW1A.jpg’;

それぞれ一行をコピペして書き替えます。

【3】自分のオリジナル画像に替える。

まず、100×100pxくらいの画像を作って、
どこかの記事にアップします。
(画像置場にする記事を決め、下書きに保存しておくのがおすすめ)

var noImage=’その画像のURL‘;

と書き替えます。
「’」と「’;」は、消してしまわないように気を付けてください。

*****

いずれにせよ、一記事のソースを書き替える前に、
メモ帳などに必ずバックアップをとっておいてからはじめてくださいね♪

使ったら、コメント欄でお知らせくださいませ~。

【関連記事】:
コメント欄にお友達の写真をのせる方法:ファンブログ
絵文字で簡単ファビコンを作ろう☆:ファンブログ
ブログのちょいコツコーナー

【参考記事】:
絵文字一覧表作成スクリプト

♪ こちらもどうぞ ♪

個別記事間のリンク追加:ファンブログカスタマイズ... ファンブログの各記事表示では、 『前へ』や『次へ』のリンクが機能していません。 せっかく検索で記事を読んで下さった方が、 次の記事に行くのに、とても不親切です。 なので、 +ぷちカスタマイズ日記+さまの パンく...
ファンブログカスタマイズ ひさびさに、たくさんブログのカスタマイズをしました。 人にも、機械にも、親切設計のブログにしたいな、と 思ってのことです。 今回のソースは全て、ファンブログハックのおーとえすさんの 記事から、いただいています。 ...
テンプレート実験終了報告 3/9から、10日間続けてきた ファンブログハック、おーとえすさんが作られた、 テンプレートの実装実験。 本日を持ちまして、無事終了しました! 結果は、本採用☆大・決・定☆です♪ えへへ。可愛いでしょっ。 おー...
個別記事間のリンクのソース:ファンブログカスタマイズ... 個別記事の最後に追加した、前記事と後記事の表示&リンクの ソースを公開してOKと、 +ぷちカスタマイズ日記+さまから了解をいただきましたので ご紹介しますね。 デザインの変更→フリースキンの編集→1記事テ...
コメント欄にお友達の写真をのせる方法:ファンブログ... ブログ初心者のみなさん、ちょいコッサーのあなた。 こんにちは、かこです♪ 今回は、コメント欄にお友達のプロフィール画像を 載せる方法です。 ソースをコピって、2か所に貼るだけのカンタン技。 ...

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です