KaRaKuRy

アクセスカウンタ

zoom RSS 気持玉の画像を変更する。

<<   作成日時 : 2009/01/15 13:37   >>

なるほど(納得、参考になった、ヘー) ブログ気持玉 55 / トラックバック 10 / コメント 95

今年初めての記事公開です^^; あけましておめでとうございます。
さて、JavaScriptで気持玉の画像を変更するためのものを考えました。

とりあえず自家用を目指して作ってみたので、サイドバーの向かって右側【→】(上下サイドバーの方は下側)にあるフリースペース(何番でも可)に書き込まないと、動作しません。達成度70%というところでしょうか…すみません。
うちのブログでは、トップページでは右に「フリースペース2」があるのですが、記事ページでは右サイドバーにあるのは「フリースペース1」だけなので、両方にこのソースを(つまり全く同じものを)コピペしてあります。
ん?このブログの記事ページでは左にしかないように見える?それは気のせいです


手順

)下のソースを、丸ごとフリースペースにコピー&ペーストしてください。
必ず右側のサイドバーの中にあるフリースペースに書き込むこと。(左側では何も起こりません。)


<script type="text/javascript"><!--
function kimochiImg(){
var myImg=[];

myImg[0] = "なるほど玉の画像URL";
myImg[1] = "驚いた玉の画像URL";
myImg[2] = "面白い玉の画像URL";
myImg[3] = "ナイス玉の画像URL";
myImg[4] = "ガッツ玉の画像URL";
myImg[5] = "かわいい玉の画像URL";

var imgs = document.getElementsByTagName("img");
var len = imgs.length; var flg=0;
var webryImg=[];
webryImg[0]="http://webryblog.biglobe.ne.jp/images/article/kimochi_aha.png";
webryImg[1]="http://webryblog.biglobe.ne.jp/images/article/kimochi_amaze.png";
webryImg[2]="http://webryblog.biglobe.ne.jp/images/article/kimochi_funny.png";
webryImg[3]="http://webryblog.biglobe.ne.jp/images/article/kimochi_nice.png";
webryImg[4]="http://webryblog.biglobe.ne.jp/images/article/kimochi_guts.png";
webryImg[5]="http://webryblog.biglobe.ne.jp/images/article/kimochi_lovely.png";
var webryImgA=[];
webryImgA[0]="http://webryblog.biglobe.ne.jp/images/article/kimochi_aha_a.png";
webryImgA[1]="http://webryblog.biglobe.ne.jp/images/article/kimochi_amaze_a.png";
webryImgA[2]="http://webryblog.biglobe.ne.jp/images/article/kimochi_funny_a.png";
webryImgA[3]="http://webryblog.biglobe.ne.jp/images/article/kimochi_nice_a.png";
webryImgA[4]="http://webryblog.biglobe.ne.jp/images/article/kimochi_guts_a.png";
webryImgA[5]="http://webryblog.biglobe.ne.jp/images/article/kimochi_lovely_a.png";
for(var i=0; i<len; i++){
if(imgs[i].src==webryImg[0]||imgs[i].src==webryImgA[0]){imgs[i].src = myImg[0]; flg=1;}
else if(imgs[i].src==webryImg[1]||imgs[i].src==webryImgA[1]){imgs[i].src = myImg[1]; flg=1;}
else if(imgs[i].src==webryImg[2]||imgs[i].src==webryImgA[2]){imgs[i].src = myImg[2]; flg=1;}
else if(imgs[i].src==webryImg[3]||imgs[i].src==webryImgA[3]){imgs[i].src = myImg[3]; flg=1;}
else if(imgs[i].src==webryImg[4]||imgs[i].src==webryImgA[4]){imgs[i].src = myImg[4]; flg=1;}
else if(imgs[i].src==webryImg[5]||imgs[i].src==webryImgA[5]){imgs[i].src = myImg[5]; flg=1;}
if(flg==1){
imgs[i].removeAttribute("width");
imgs[i].removeAttribute("height");
imgs[i].style.display ="inline";}
flg=0;
}}
kimochiImg();
// --></script>



)差し替え用の気持玉画像をアップロードしてから、それぞれの画像URLを赤い字の部分に入れてください。
なお、元々の気持玉の画像には、リンクつき用とリンク無し用の二種類がありますが、一種類で済ませています。
これで気持玉の差し替え作業は終わりです。


もう少し見た目をよくするためのCSS編集

リンクつき画像に枠をつけるには、CSS編集が必要です。
CSS編集画面のどこでも好きなところに↓を貼り付け。

#blog #kimochi #k-list .k-unit a img{
border:1px solid #E9967A;
}

#E9967Aはダークサーモンという色です。
色は、「#」の後に半角アルファベットや数字を6個並べて書きます。→色について


また、上のJavaScriptだけでは、ページの読み込み中に、もともとの気持玉が表示されます。
↓を書いておくと、読み込み完了までの間、気持玉が表示されにくくなります。

#blog #kimochi #k-list .k-unit img,
#blog #kimochi #k-post img,
#postlist .response img,
#blog-head .response img{
display:none;
}

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ
気持玉数 : 55
なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー)
ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス
面白い 面白い 面白い 面白い 面白い
驚いた 驚いた 驚いた
かわいい かわいい かわいい
ガッツ(がんばれ!) ガッツ(がんばれ!)

トラックバック(10件)

タイトル (本文) ブログ名/日時
気持玉アイコンの差し換え ☆
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ ...続きを見る
ONLY ONE
2009/01/15 21:30
甘えたみけちゃん今日もゆく〜
いやぁ、どうもお久しぶりでございます{%おじぎちゃんhdeco%} まったくもって更新がおろそかになっておりまして・・・・{%汗(チカチカ)hdeco%} それにしてもほんと忙しゅう{%汗webry%}ございましてございますです、はい。 ここんところあたしが家{%家webry%}を空けたり寒かったり{%雪webry%}で、みけちゃんのかあちゃんベッタリ度が上々中{%上昇webry%}{%上昇webry%}でして{%照(チカチカ)hdeco%} まあそれはそれで嬉しい{%嬉(チカチカ... ...続きを見る
☆★あったらいいな★☆
2009/01/19 05:29
「気持玉」って変更できるんだね。
ネットサーフィンをしていたら、気持玉の画像を変えているブログを発見!! ...続きを見る
兼業主夫(?)の独り言
2009/05/30 11:43
気持玉の画像変更♪
たまたま、気持ち玉をくれた方々のところへ訪問してたら… ある、サイトに辿り着きまして! こちらのサイトの、ブログ気持ち玉が! 『玉』じゃなく、ぺそぎんだったのに驚嘆!!{%顔文字驚きhdeco%} ...続きを見る
みぁ*ぶろ
2009/06/07 00:07
気持玉の画像を変更しました
ウエブリブログ内を回っていると、気持玉の画像を 変更されてるブログがいくつかありました。 ...続きを見る
KEEP SMILING !
2009/06/13 18:08
ブログ気持玉
前回、画像URLの話がでましたので、好い機会とみて今回はブログ気持玉について・・・。 ...続きを見る
OUTDOOR+
2009/06/24 17:05
気持玉取替編・完結
お待たせしました   いよいよ本題です ...続きを見る
少し遠く★ゆっくり♪北海道◆暮らし
2010/01/07 00:01
気持玉を画像に
ゆきさん ...続きを見る
ピンクの作品展
2010/04/04 15:17
気持玉を変えてみました♪【シール】
こんにちは。 ...続きを見る
coyomee 公式ブログ
2013/12/13 17:53
CSS編集/HTML◇気持ち玉アイコンを変更する
本記事はCSS編集に関してのメモです。 ...続きを見る
Nicotto Life
2015/06/21 15:00

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(95件)

内 容 ニックネーム/日時
お〜!
待ってました!!
やる!
あたしもやるぅ!!
はいじ
2009/01/15 14:40
すばらしい!!
さっそく試してみます。
harumam
2009/01/15 15:35
おー,差し換わっていますねー.
すばらしい!
あとで私もやってみます.

style.display の値は,私はいまだによくわからないです.
どこかで,全部 'table-row' で埋めてしまった記憶が(^^;).
NOIKE
2009/01/15 18:10
こんばんは☆
ゆきさん、今年もお世話をかけると思いますがヨ・ロ・シ・ク☆です。
私もこれは試してみたいのでコピっていきま〜す
東の外れ
2009/01/15 19:56
>はいじさん
お待たせしました〜。
どうぞ実験台になってください(笑)
CSS編集の部分は、してもしなくてもお好みで。

>harumamさん
設置場所が限られるのがちょっと問題なのですけど、是非お試しください。
CSSだけで解決できればよかったんですけどね!

>NOIKEさん
まだ間違っているところがあるかもしれません(汗笑)。
何か気付いたら教えてください。
table-rowとかtable-cellってすごく便利なのですが、IEでは効かなかったんじゃなかったかなぁと。IEめ〜!

>東の外れさん
例によって、フリースペースでかさばりそうなソースですみませんです。
実は、皆さんがどんなアイコン画像を使うのかなーと、ちょっと楽しみだったりします(笑)。
ゆき
2009/01/15 21:40
ゆきさん、トラックバックさせてもらいました。以後報告ですみません。
それと、私の記事ページはフリースペースはありません、それでもこのソースは使えるのでしょうか?
ヨ・ロ・シ・ク☆です。
東の外れ
2009/01/15 22:02
あっ!それとアイコンは以前、サークルの方で話が出たときに色々探して用意してあります。
このへんは抜かりはありませんアハハ!
外れ
2009/01/15 22:04
ゆき様初めまして。
私お肉と申します。
こちらでCSSについて質問させて頂いても大丈夫でしょうか?
広告(Ads by Google)の文字色や大きさを変更する事は可能でしょうか?
ご回答頂けると幸いです。
お肉
2009/01/16 07:11
ゆきさ〜ん♪
やってみました!
リンク枠も付けてみました!!

で、嬉しい偶然が♪
ゆきさんが付けてるアイコン、変えられたら使わせてもらおうと持ってお気に入りにいれていた素材屋さんと一緒でした(*^▽^*)ェ

最後の「元々の気持ち玉が表示されにくく〜」のところが入れてないのでまだにゅ〜アイコンは表示されてないけどねヾ(´▽`;)ゝエヘヘ
はいじ
2009/01/16 07:24
>東のはずれさん
トラバ歓迎です。ど〜ぞ〜。
しかし残念ながら、フリースペースがない場合は使えません…。
気持玉のコーナーがページに読み込まれてから上のスクリプトがページに読み込まれないと意味がないのです。
そしてその読み込み順に適う場所というのが、「右サイドバー内のフリースペース」しかないのです。
すみません。
ゆき
2009/01/16 09:51
>お肉さん
ようこそいらっしゃいませ。
広告を消す方法についてはお答えしないことにしていますが、Ads by Googleの見出し文字なら、私もいろいろいじっておりますのでOKということで。(何)

●サイドバー内のads見出し
#container #utilities .g-ads h2{
color:red;
font-size:13px;
}

●記事本文直後のads見出し
#container #blog #blog-foot .g-ads h2{
color:red;
font-size:13px;
}

文字色赤・大きさ13ピクセルにした場合の設定です。お好みで書き換えて、CSS編集画面のどこでも分かりやすいところに貼り付けてください。

なお、ブログ最下段のads(あなたも「ウェブリブログ」でブログを作ってみませんか? の上)だけは、CSS編集で変えるのが難しいようです。
これ自体がブログパーツみたいなもので、色を変える機能があるのですが、ウェブリブログで設定を固定しているようです。
ゆき
2009/01/16 10:19
>はいじさん
「A Trial Product's 素材置き場」さん、すごいですよね!可愛いし、種類もびっくりするぐらい。
そういえば、もし設置場所にフリースペース3を使う場合は、コマケイRSSより上にソース書いておいたほうがいいですよ。コマケイRSSの読み込みは時間掛かりますからね。
ゆき
2009/01/16 10:29
あれれ?
フリースペース1とか3じゃなくて“フリースペース”を使ったんやけど・・・・
ん? 数字が表示されてないところは1ということになるんかなf^_^;
はいじ
2009/01/16 10:52
ちぃ〜す☆
やっぱりねぇ〜フリースペースが無いのでどうかなぁ〜とは思っていたのですが・・・残念!
しかし、アイコンの変更はしてみたいし、せっかくゆきさんが苦労して作ったものなので試してみたいですわ!
と、言う事で一時的にフリースペースを付けてやってみます。
外れ
2009/01/16 12:30
>はいじさん
いえ、はいじさんのブログで、どこのフリースペースを使っているかは確認してませんよ。
もし「3」を使うんだったら、ということですよー。

どのフリースペース(無番・2・3)でも良いのですが、右側サイドバーの中じゃないとダメなので(左側サイドバーに設置しても何も起きない)、それだけご注意ください。
ゆき
2009/01/16 13:19
>外れさん
おぉ、ありがとうございます〜!
フリースペースを使うにしても、そのフリースペースの中に何か表示されるわけではないので、CSS編集でごまかす(サイドバーをすごーく細くするとか)出来そうな気もしますが…。
でもそうすると、トップページに影響が出るかな。ううむ。
ゆき
2009/01/16 13:36
こんにちは。
ご回答有難う御座います。
早速試してみました。
自分の思い通りに変更する事が出来ました。
ずっと気になっていたので、解決出来てスッキリしました!
本当に有難う御座いました!
今後もCSSを編集する際、参考にさせて頂きたいと思います。
お肉
2009/01/16 13:56
あぁっ!
そういうことか(^^ゞ

ならば、ということでフリースペース3のコマケイの上においてみました。
しばし様子を見てみようo(^-^)o ワクワク
はいじ
2009/01/16 14:18
気持玉アイコン変更できましたよ♪
今はダミーを入れてるんで、見た目良くないですけど…。

長くなっちゃいますが…。
ひとつ困ったことがあって、
この記事内のプログラムをコピー、フリースペースにペーストし、「設定」ボタンを押します。
また同じフリースペースを開いてみると、プログラム内の「/」が変わっちゃうんです。
webryImg[0]="http:⁄/webryblog.biglobe.ne.jp/images/article/kimochi_aha.png";
http:の次の「/」が「⁄」に変わってたり、「?」になる時もあって、そこに気づいて訂正したら気持玉アイコン変更に成功しました。

私も「A Trial Product's 素材置き場」さんで借りてきますね♪
harumam
2009/01/16 14:26
「/」の部分の補足ですが、
半角文字で入力すると「/」になっちゃうので全角で書きますが、
「&#8260」に変わってしまうということです。
長々とすみません。
harumam
2009/01/16 14:30
>お肉さん
どういたしまして〜。
むしろ、リンク集に入れていただいてるのを発見!ありがとうございます!
またお出でくださいませ(^^)
ゆき
2009/01/16 17:32
>harumamさん
すすす、すみませんー!!
&#8260は、記事編集でhttp:⁄/〜と書くと、勝手にリンクになってしまうので、一部、実体参照にしたのですが、うーん、そんなことが…。
お試し+お知らせくださってありがとうございます。改善策を考えてみます。お手数おかけしてすみませんでした。
ゆき
2009/01/16 17:47
こんばんは☆
アイコンの差し換えは終了しました!
気持玉の言葉とアイコンの兼ね合いは全くありませんが、達成感100%です。
ありがとうございました。。。
東の外れ
2009/01/16 20:52
続々とアイコン入れ替え終了する中、あたし一晩経ったのに表示されてない(; ;)ホロホロ

ゆきさ〜ん!!
なんでぇぇぇぇ???
はいじ
2009/01/17 07:27
>はいじさん
すみません、それは私のせいです…(汗)。上のソースを使ってやりなおしてみてください。大変申し訳ありません。
ゆき
2009/01/17 11:05
>東の外れさん
差し替えお疲れ様です。
気持玉アイコン、見ました!
おもしろい…(笑)。たくさん並んでいたので壮観でした〜。
ボタンに気持ち名がかいてあるから、実際どんな絵でもいいですよね!
ゆき
2009/01/17 11:11
ヾ(〃^∇^)ノわぁい♪
ゆきさ〜ん、できましたぁ(^^)v
大変満足でございます(*^▽^*)ェ
ありがとうございますっ!!
はいじ
2009/01/19 05:32
初めましてです、昨日このサークルに入ったばかりで厚かましいのですが、気持ち玉のタグをコピーさせて頂きま〜す!
ブログの改造計画も立ててるんですがなかなか進みません、ですがボチボチと頑張っていこうと考えてますので、困った時のお助けマンヨロシクっす!
朱柄の槍にてござそうろう
2009/01/19 08:58
>はいじさん
差し替え成功おめでとうございます。大変お手数をおかけしました〜。
トップページでも、右側サイドバーにあるフリースペースに同じソースを貼り付けておくと、アイコンをかえることができますよ。
ゆき
2009/01/19 20:18
>朱柄の槍にてござそうろう さん
初めまして。ようこそいらっしゃいました(^^)
改造はあせらず、少しずつやっていくのが楽しいのですよ〜。
お役にたてそうでしたら、バンバン使ってやってください。
ゆき
2009/01/19 20:23
へっ!?
あのぉ、ゆき・・・・さん?
>右側サイドバーにあるフリースペースに同じソースを貼り付けておくと、アイコンをかえることができますよ。
気持ち玉以外のアイコンですか?
はいじ
2009/01/21 08:30
>はいじさん
いえ〜、トップページにある気持玉アイコンです。
「ブログ気持玉 3 / トラックバック 0 / コメント 0」とか書いてあるところについてる玉のことです。
昨日はいじさんのブログを拝見したら、その画像が変更になってなかったので…。でも、今は変わってるし、たまたまかもしれない。(シャレじゃないよ!)
ゆき
2009/01/21 10:25
ほぉ!
そういうことやったんですね!
お気遣い頂いてありがとうございますっ!!
なんか少し遅れて変わるようになりました(^_^)ニコニコ
でもほんと、気持ち玉アイコンの変更、大満足でっす(^^)v
はいじ
2009/01/22 05:23
おはようございます。
お肉です。
朝から失礼致します。
質問なのですが、トラックバックとコメントをして下さった方の日時が表示される欄に、枠(ライン)を付ける事は可能でしょうか?
本文(内容)に枠を付ける事はなんとか出来たのですが・・・。
ご回答宜しくお願い致します。

それと、気持玉の画像の変更、成功しました。
自作のアイコンが使用出来て嬉しいです!
ありがとうございます!
お肉
2009/01/22 06:51
>はいじさん
カンペキですねー
宣伝もして貰っちゃってるし!ありがとうございます〜。
はいじさんのところだと宣伝効果が大きいです(^^)
ゆき
2009/01/22 15:50
>お肉さん
再びいらっしゃいませ〜。
中身拝見させていただきました。おぉ、がっつりCSS編集してらっしゃいますね。
結局のところ#trackbackや#commentの中の、表の縦横に「田」の字みたいに1pxの線が引かれればOKということでしょうか。
だとしたら、シンプルに

#blog #trackback table,
#blog #comment table{
border:1px solid #e07000;
border-collapse:collapse;
}

だけで良さげですね。
#blog #trackback th,#blog #comment thと、#blog #trackback blockquoteと、#blog #comment blockquoteのボーダーは要りません。
あ、あと、関係ないですが、CSSでは数値に単位(pxや%など)が絶対必要なのでお忘れなく。0の場合だけ省略可です。
ゆき
2009/01/22 15:52
こんにちは。
ご回答ありがとうございます。
早速試してみたのですが、上手く田の字に表示されません。
#blog #trackback th,#blog #comment thと、#blog #trackback blockquoteと、#blog #comment blockquoteの線は必要ないそうなので削除してみたのですが・・・。
何か他の原因があるのでしょうか?
何度もすみませんが、またご回答お願い致します。
お肉
2009/01/22 16:50
あ!すみません、穴だらけの回答をしてしまいました。 思いっきり勘違いでした。

#blog #trackback table, #blog #comment table,
#blog #trackback th, #blog #comment th,
#blog #trackback td, #blog #comment td{
border:1px solid #e07000;
border-collapse:collapse;
}

#blog #trackback form table,
#blog #comment form table{
border-collapse:separate;
}

#blog #trackback form table td,
#blog #comment form table td{
border:0px;
}

先の回答のは消して、代わりに、とりあえず、これで試してみてください。
すみませんでした。
ゆき
2009/01/22 22:00
おはようございます。
ご回答ありがとうございます。
試してみた所、綺麗に表示されました!
CSSは難しいので、本当に助かります!
ありがとうございました!
またお邪魔させて頂きます。
お肉
2009/01/23 05:24
どういたしまして。
あ、フォームの周りにオレンジ枠を入れたくない場合は、border-collapse:separate;をborder:0px;にしてください。
また遊びにきてくださいね(^^)
ゆき
2009/01/24 10:15
ゆきさん。
はじめまして。
噂で気持ち玉画像が変更できるって聞いてたんで
やってみたいなぁ〜って思ってました。
僕も気持ち玉変更させていただきたいです。
コピペしてもよろしいでしょうか?
お願いします♪

ケン坊  
2009/02/03 21:28
ケン坊さん、いらっしゃいませ〜。
ご遠慮なくどうぞどうぞ、持っていってください。
「気持玉キャンペーン」も開催中ですし、おもわずぽちっとしたくなるような素敵な画像に替えて、プレゼントを狙ってください(笑)
ゆき
2009/02/04 09:52
こんばんは。
ゆきさん すみませんが助けてください・・・
気持ち玉なかなか出来ないんです。

僕は画像URLはブログの画像UPするとこにあるんですが
記事作るときに画像のURL貼り付けますよね?
それがこれなんですが・・・
<div align="center"><a href="http://userdisk.webry.biglobe.ne.jp/6/7/40/N012/12339.gif" target="_blank"><img src="http://userdisk.webry.biglobe.ne.jp/012/7095/000/33995.gif" width="32" height="32" class="up-image" alt="画像" title="画像を等倍で" /></a></div>

数字は一部抜いてありますが。
中央に画像が来るようにセットしてありますけど。
どこからどこまでURLを貼り付けたらいいのですか
お手数とは思いますが教えていただけませんか?
宜しくお願いします。
ケン坊
2009/02/07 21:56
ケン坊さん、こんばんはー。
書いていただいた記事編集のタグの中にも画像URLは含まれているのですが、慣れないとコピー間違いをしやすいので、直接ファイルマネージャーを参照することをおすすめします。

つまり、ブログの管理画面にログインしたら、左のメニューからブログの「設定」→「オプション」ボタン→ファイルマネージャーの「設定画面へ」ボタン、と進んでファイルマネージャーを起動します。
起動したら、使う画像の名前をクリックすると、別窓で画像だけが表示されます。
その窓のアドレスバーを見ると、http://userdisk.webry.biglobe.ne.jp/…なんたらかんたら、というのがあります。それがその画像のURLなので、まるごとコピーします。
それを上のソースの赤い文字の部分にそれぞれ貼り付けます。
前後にある「"」を消さないように気をつけてくださいね。
ゆき
2009/02/07 22:18
ゆきさ〜ん ありがとうございます
早速やってみました。
そしたら出来ました♪
僕は甘いものが好きなんで甘い物玉にしました(笑)
よかったら1度見に来て下さいね。
本当に有難う御座いました。
ケン坊
2009/02/07 22:46
元の気持玉と全然関係ないのがおもしろいですね(笑)。
あ、トップページにも気持玉が表示されているところがあるんですが、そこの表示がちょっとおかしいみたい。
フリースペース3の成功したソースを、フリースペース(1…というか番号無し)にも貼り付けてください〜。
ゆき
2009/02/08 11:42
ゆきさん いや ゆき先生
色々とお世話になり有難う御座いました♪
早速貼り付けました。これで完璧?
自分でも甘い物玉押しちゃいたいぐらいです(笑) 
ケン坊
2009/02/08 20:29
おつかれさまです。
使えそうなものがあったら、またご利用ください。
ブログを拝見してたら、おなかがすいてきましたよ!
ゆき
2009/02/10 09:50
ゆきさん〜初めまして
気持ち玉の記事を読みました。
なかなか面白そうなので、ソースをお借りして試しに作ってみました。

何とか作れましたので、ありがとうございました
風の旅人
2009/02/19 01:28
初めまして!
風の旅人さんのブログを拝見して・・・私も真似したくなりました。
難しそうなので出来るか不安ですがソースを拝借させて下さい。
愛ちゃん
2009/02/19 22:36
>風の旅人さん
いらっしゃいませ〜。うーわー、宣伝ありがとうございます。
挨拶とか無しでも、特に構いませんですよ。ばんばん使ってやってください!
それにしても、みなさん面白い画像を見つけていらっしゃる(笑)。
ゆき
2009/02/20 18:10
>愛ちゃん さん
いらっしゃいませ〜。
どうぞどうぞ、試していただいてかえってありがとう、です(^^)
分かりにくかったり、うまくいかない場合は聞いてくださいね。
ゆき
2009/02/20 18:12
ゆきさん 初めまして かめちゃんと申します。
ブログ気持玉の画像変更 コピペさせていただきました。画像が変わっただけで すごくハッピーな気分です。ありがとうございました。
かめちゃん
2009/02/23 17:27
どういたしまして!
ネコの表情が動いてておもしろ〜い(笑)
これは確かに、集めるとハッピーになれる気持ち玉ですね!
ゆき
2009/02/24 22:19
ゆきさん はじめまして、こんにちは。
私もこちらの記事を参考にさせていただきました。
挑戦してみたら…できましたぁ〜\(^o^)/
印象がガラっとかわりますね〜。
本当にありがとうございました♪
らいあ
2009/02/27 11:27
どういたしましてです〜。
色違いの足跡、というか、にくきゅう…(笑)
ブログに似合っていますね。
また何かありましたら、どうぞ〜。
ゆき
2009/02/27 17:43
いろいろ御世話になっています。
気持玉のデザインの変更 使わせてもらいます。
他にもいろいろ挑戦させてください。
丸みです。
URL
2009/04/16 22:55
ゆきさん
☆*:..。*☆おはようございます☆*:..。*☆

初めまして。
気持玉の変更、すごく気になっていました。
コピーして使わせていただきました。
できましたぁ!!
すごく嬉しいです。
どうもありがとうございました。

私も他にも色々挑戦したいと思います。
めい
2009/04/19 04:17
>丸みさん
いつもお試しありがとうです〜。すでに常連さんですね(^^
気持ち玉の変更のご報告は、どんなの使ってらっしゃるのか見に行くのがいつも楽しみです(笑)
ゆき
2009/04/20 12:23
>めいさん
いらっしゃいませ〜。キラキラなカスタマイズ全開ブログですね!
確かにこれは、ウェブリの本来の気持ち玉では似合わないかも…(笑)
使えそうなものがありましたら、どうぞまた使ってやってください〜。
ゆき
2009/04/20 12:29
ゆきさん

始めまして

めいさんの所に気持玉変更の
ブログ書いてある人がいる
と書いてあったのでお邪魔してます。

すごいですね。
参考にさせていただきます。

(@^^)/~~~
pinku
2009/04/22 09:34
ゆきさんに名前を覚えていただいて感激です。
今はカレンダーの後ろに画像を入れる記事を参考に
悪戦苦闘中です。
なかなか思うようには行かないものですね。
「困った時のゆきさんブログ」ということで、
これから亜もよろしくお願いします。
丸みです。
2009/04/22 09:57
>pinkuさん
いらっしゃいませ^^
フリースペースを表示させないと使えないのがちょっと難ありなんですけど、使えそうだったらどうぞ!

>丸みさん
背景画像をぴたっと合わせるのは、位置・大きさ調整など必要な場合があるんですよねー。
記事で分かりにくいところとかありましたら、また聞いてください。
ゆき
2009/04/25 11:33
ゆきさん
゚.:。♡゚.:。こんばんわ〜゚.:。♡゚.:。
初めまして♪
気持ち玉を変更されていると伺い、
コピペさせて頂きました
有り難うございます。できました〜♪
とても嬉しいです。
本当に有り難うございました♪
お花屋
2009/04/28 00:20
いらっしゃいませー。どういたしまして^^
優しい感じのブログでお花が似合いますね。
気持ち玉を変更するこの仕組み、なかなか人気が衰えないので驚いております。

Biglobe、公式に気持ち玉変える機能を装備すれば、ウェブリブログのユーザー増えるかも…。
ゆき
2009/04/29 11:30
ゆきさん、遅くにお邪魔します。
はじめまして。
めいさんのブログで、ゆきさんの書いていらっしゃった、「気持ち玉の変更」を使わせていただき、めでたく変更できました。ほかの皆さんとは違って、ちょっと(かなり?)とほいので、なかなか変更できずに諦めかけていましたが、ピンキークラブのみなさんのおかげで、晴れて完成にたどりつきました。これも、ゆきさんの発明?のおかげです。私は皆さんと違って、何も出来ませんし、PCなんて、字をインプットするだけで、機械的なことに関しては、全く無知です。また、めいさんを通して、色んなことに挑戦したいです。よろしくご指導願います。まずは、お礼まで
じゅんちゃん
2009/05/02 00:43
じゅんちゃんさん、はじめまして。
めいさんのブログ、広報効果がすごいかも…(^^)
ピンキークラブというのは、サークルですか?
強力なヘルプをしてくれる方々がいらっしゃるんですねぇ。設置おつかれさまでした!
この「気持ち玉の変更」なんか、もっと上級の方から見れば、まだまだだと思うんですけど、私もがんばります〜。
また何かありましたら、どうぞ。
ゆき
2009/05/02 11:00
ゆきさん

こんにちは!!

ようやく時間が出来たので
気持玉の変更が出来ました
有難う御座います。

参考URL(ブログとして)
載せさせていただきます。

またお願いしますね。
v(゚▽^*)ノノノ☆マタネsee you
pinku
2009/05/03 10:07
設置おつかれさまです〜。ネコ玉〜♪

きれいなお花と一緒にリンク載せてくださって、ありがとうございます(^^)ノ
何かありましたら、またいらしてくださいねー。
ゆき
2009/05/03 23:12
こんばんは&はじめまして。

気持ち玉、ありがとうございました♪
気持ち玉の変更も、させていただきました!
本当に、ありがとうございました。
p.s.
ぺそぎんの気持ち玉が、
mia♪の周りで増えつつ…ありますよ(*´艸`)
mia♪
2009/06/10 21:45
mia♪さんいらっしゃいませ。
お友達に広めていただいてありがとうございます〜。
拝見したら、ぺそぎんだらけ!
しかも気持玉の「なるほど」「驚いた」etc.に、ばっちり合ってるのが大ウケでした(笑)
ゆき
2009/06/11 14:13
こんばんは☆初めまして。

ゆきさんの記事を参考にして、気持玉の変更が出来ました。
どうも有難うございました。
これからも、参考にさせて頂きたいと思います。
よろしくお願いしますm(__)m
トトロ
2009/06/25 00:32
トトロさん、いらっしゃいませ。
思わずポチっとしたくなる、ぺそぎん玉ブームですね(笑)。
参考になりそうな記事がありましたら、どうぞまた使ってやってください〜。
ゆき
2009/06/27 18:41
はじめまして。
以前からなんどか拝見してました。
今回 気持玉の画像変更をしようと思い
頑張ったのですが 上手くいきませんでした。
同じウェブリなのに・・・
我が家のにゃんずの写真をボタンにと思ったんですが・・・出来なくて。どうしたらいいですか?
写真サイズは90×68です。(大きいのかな?)
玉ちゃん
URL
2009/07/01 10:31
玉ちゃんさん、いらっしゃいませ。
大きい画像でも使えますよ。
一つの記事にたくさん気持玉を貰うと、記事下のスペースで一行に並びきらないこととかはありますが、表示はされます。
今はソースを削除されてしまったみたいなので、どこがおかしかったのかは分かりませんが、とりあえずつまづきそうなところだけ書いておきます。
ゆき
2009/07/02 12:14
●右側サイドバーに設置しないと効果が出ない。
現在の玉ちゃんさんちではフリースペース1かフリースペース3。
(もちろん「表示項目設定」では「表示」にチェックをつけておく)

●画像のURLが正しく書けていますか。
例えば、バナーの画像(猫さんズが並んでで赤い字でタイトルが書いてあるもの)をお借りしてやってみると、「なるほど玉」にする場合は、

myImg[0] = "http://userdisk.webry.biglobe.ne.jp/017/106/19/N000/000/000/123358189307116308781_1.gif";

ですよ。(↑長いので見た目改行されているかもしれませんが、一行です)
前後の「"」や「;」も重要なので、消さないように気をつけてください。
ゆき
2009/07/02 12:15
同じ様にやったんだけどな〜
もう一度やってみます。
玉ちゃん
URL
2009/07/02 13:06
ありがとうございます。
なんとか出来ました。
☆*・+゚ゎぁぃヽ(ω・`*ヽ)(ノ*´・ω)ノ゙ゎぁぃ*・+゚☆
玉ちゃん
URL
2009/07/02 13:41
うまくいきましたか、おめでとうございます。
作業お疲れさまでした〜。
あっ、動く気持玉ですね(笑)。
みなさん、気持玉にぴったりの画像をどうやって見つけてこられるんでしょう…。面白いなあ。
ゆき
2009/07/03 19:08
すいませ〜ん・♪nobutyannさんのところで拝見して・伺いました〜〜わかるかな?nobutyannって・・
彼も此処偶然見つけたと書いてたから♪

丁度気持ち玉変更できたら良いな〜〜
と思っていた所だったので・・
挑戦してみました♪
美味く出来ましたよ〜〜
有難うございました・<m(__)m>♪

良かったら覗きに来て下さいませ♪
(人-)謝謝(-人)謝謝
スー
2009/07/04 21:52
スーさん、いらっしゃいませ。
nobutyannさん…のブログは拝見してないかも!
こっそりユーザーも大歓迎ですので(笑)

夏向きの気持玉、季節ごとに着せ替えされるのでしょうか。
ブログの背景にも似合っていて素敵ですね。
ゆき
2009/07/05 21:03
どうも有難うございます!
季節で変えるのも良いですね♪

これからもよろしくお願いします!
スー
2009/07/06 11:10
こちらこそよろしくお願いいたします^^
また何かありましたらどうぞ〜。
ゆき
2009/07/09 21:43
こんにちわ♪初めまして♪
気持ち玉の画像を変えたくて検索していましたらこちらのブログへたどり着きました♪
参考にさせて頂きます(*^^*)
あずきママ
2009/09/10 15:58
あずきママさん、いらっしゃいませ^^
気持ち玉もご家族にゃんも可愛くて、思わずぽちっとしたくなりますね。
何かありましたら、またどうぞ〜。
ゆき
2009/09/14 12:40
ゆきさん

コンニチワ━━( ´・∀・`)ノ━━!!

お久しぶりです

フレンドさんの中に気持玉変えてない方が
いらっしゃるので

コピペして新しい記事を書いて
トラックバックつけていいでしょうか??
もちろんゆきさんのURLつけさせて頂きます。

(@^^)/~~~

pinku
URL
2010/03/15 08:52
初めまして。
私も記事にさせていただきます。
トラックバックして、
リンクさせていただきます。
よろしくお願いします。
問題があるようでしたら、ご連絡ください。

私も勉強して、精進いたします。
mhm
URL
2010/04/05 20:11
はじめまして。
丸みさん、mhmさんのブログから来ました。

「気持ち玉変更」を使わせて頂き、ありがとうございました。
また、リンクを張らせて頂きます。よろしくお願い致します。
きらら(3にゃんず)
2010/04/09 21:15
リンク枠がいっぱいになるとエラーが生じますので、改良させていただきました。
対象記事にリンクしております。
よろしくお願いいたします。
mhm
URL
2010/04/19 01:01
はじめまして
最近ウェブリブログ始めたばかりの者です!
気持ち玉のアイコン変更早速使わせて頂きました
ありがとうございます!

そしてアイコンに使ったイラストの大きさがバラバラなので
ガタガタに表示されちゃうのが気になります…
直すタグ表示など教えていただけたらと思います

よろしくお願い致しますm(_ _)m
mintcider
URL
2011/02/11 06:14
>mintciderさん
簡単な解決策としては、背景色と同じ色でアイコンに余白を追加して、それぞれの画像の大きさを同じにしてみてはいかがでしょう?

タグ表示では無いですが…たぶん、タグ表示で(可能かどうかは知りませんが)やるよりも手軽かと思います
邪魂
2011/05/13 17:00
はじめまして。
けん坊さんのブログで拝見いたしまして、
早速使わせていただきました。
事後報告ですみません。
yachi
2012/02/17 10:20
こんばんは、初めまして
気持玉の画像を変える方法を探してたら
こちらのブログに辿り着きました
出来るかどうか心配だったので、変更してからの報告になってしまいましたm(_ _)m
ありがとうございました
LYNN
2012/05/13 23:01
はじめまして。事後報告ですが、気持ち玉アイコンの変更、使わせていただきました。
このブログではいろいろなことを使わせてもらっているので、
わたしのブログから、リンクを貼るかもしれません。
Whiteruby♪
2012/08/28 11:37
はじめまして。
コヨミイと申します。
今回、こちらの記事を拝見し、気持ち玉アイコンを変更したことを記事に書かせていただきました。
その際に、リンクとトラックバックの方をさせていただいたので、ご報告させていただきます。
コヨミイ
URL
2013/12/13 17:57

コメントする help

ニックネーム
URL(任意)
本 文

おもちゃ箱

Arcana Collection
詳細記事は→こちら
KaleidoRound
自分でつくれる万華鏡

記事をさがす

powered by Google
WWW KaRaKuRy
Neko

おもちゃ箱

【Hamster】
ちょたたたたっ。
詳細記事は→こちら
【Arcana Collection】
登録無しでもお試し戦闘ができるようになったよ。
詳細記事は→こちら
ブログ仲間s'新着記事tv 中継所
Powered By 画RSS

テーマ

気持玉の画像を変更する。 KaRaKuRy/BIGLOBEウェブリブログ
文字サイズ:       閉じる