アメブロルーム内でjava scriptを使う | AmebloEnjoyMethod

AmebloEnjoyMethod

アメブロカスタマイズ情報やhtmlやcss、jQuery等やライフハック記事をお届けしています。




アメブロのルーム(プロフィール)の使い道が未だに分からない我輩ですが・・・

正直あんまり使用頻度の少ないと思われるルーム、わざわざCSSでデザインするのもメンドクサイなぁ~と思い、とりあえず何のカスタマイズもしていなかったので、java scriptを使って簡単にカスタマイズしてみました。

んでカスタマイズした結果がこれ↓
ルームを見てみる

すんごい手抜きですが、iframe使って表示位置をちょっと調整して5分くらいで完了しました。
iframeはあんまり使ったら色々と駄目なんですけど、ルームだからまあいいか。

私がした例では、jQueryを読み込ませて、ルームのフリースペースに外部のjsファイルを呼び出す記述を書いて、そのjsファイルの中にiframeを呼び出すのを書いただけです。

非常に簡単なので、色々やって見ると面白いかもしれないです。
(ルーム見てる人ってどれくらい居るんだろう???)

ルームでjava scriptを使う方法

アメブロのルームでjava scriptを使う方法は色々あるらしいのですが、大分前にsoleilさんのブログでブログテーマ[ルームカスタマイズ]|Web 空間づくり~アメブロを自分好みのstyleに[CSS]カスタマイズ[JQuery]~を見たのを思い出して、この方法でやってみました。

感謝(ノ´∀`*)

やり方も簡単で、実践してませんが、外部ファイル読み込みさせなくても、多分直に書いてもscriptを動かせるはず。

<script type="text/javascript" src="url"></script>


上記の様に外部ファイルを呼び出したい場合は、>を全て&gt;に変えて記述すればOKです。



ルームのフリースペースに書く。

<script type="text/javascript" src="url"&gt;</script&gt;


たったこれだけ。

しかし、こんな誰も気付かないような事を発見出来る視点を持ってるってホント羨ましいです。


あとがき

ちなみにルームのカスタマイズをしてから、ブログの方もカスタマイズし直しました。
ブログの表示時間がfirefoxだと遅すぎるので、ブログの広告を消すことでかなり速度が上がるのと、重たいブログパーツを外しました。zenbackさようなら(´;ω;`)ブワッ


アメゴールド購入時の失敗談。

アメゴールドを買うのに、ウェブマネーを6000WM買う。

アメゴールド購入画面。

5000Gの次は10000Gしか買えない。

仕方なく5000G購入して、500G購入。

手数料などが引かれて、広告消すのに必要な5880G(正確に覚えていない)に足りない。

元々あったアメゴールドとプラスして残り50G

ウェブマネーを再び購入するため、ウォレットへ。

ネットからウェブマネーを購入する最低額が2000円からだと知る。

【残り50Gの為に、2000円使ったよ(#・∀・)ムカッ!!】


300アメゴールド購入、ウェブマネーが余りまくった。

んでアメゴールド使って広告消しました。

広告消すのにこの一苦労・・・サイバーエージェントのせいにしていいですか?