アメブロカスタム記録 https://ameblo.jp/ani-056450/ アメブロテンプレートを色々カスタムしてみます。誰でも簡単にかっこいいブログを作れたらなぁと思っています。 ja 久々アメブロを見たらトップのバナーが無い！？ やっぱり消したのかと思ったが、広告が表示されていないだけで
空のでかいスペースができている。

アメブロ検索でかかったページにはまた違うバナーが表示されるようだ。

何なんだ！？分からん。 ]]> https://ameblo.jp/ani-056450/entry-11541134374.html Thu, 30 May 2013 16:40:53 +0900 アメブロのデザインをカスタマイズってどんなもん？ 久々にログインしてみて「アメブロのデザインをカスタマイズって最近どんなもん？」とふと思い、検索してみた。
アメブロデザインカスタムってのを発見。

アメブロデザインポイント

  1. HTML5版のテンプレートを使っている。
  2. 上部の巨大バナーを上手くデザインに馴染ませている。


１にすれば２も必ず付いてくるんですが、一番関心したのが２番。すごく自然なんですよね。
ナンだろうこれは？ロゴがずれてる感じで目を惹く。更にでかいバナーが派手にアニメーション＆シャドウ。ロゴも。あと、絵のセンスが良い。

いや、絵のセンスが良いからでかいバナーをデザインに取り込むことができるのか。いいなぁ。

このブログもアニメーションさせよかな。ページ内のスクリプトだと現状がギリなんだよなぁ。 ]]> https://ameblo.jp/ani-056450/entry-11430727737.html Wed, 19 Dec 2012 23:51:49 +0900 2012ロンドンオリンピック開会式の謎 特に柔道はずっと見てます！松本薫選手金メダルおめでとう御座います！！！

と、色々見てたんですが、気になる記事を発見。
現地で開会式に行ってた方のブログなんですが・・・ちょっとありえません。
ダンサーの女性がまぎれて込んでたって話は有名なんですが、
日本選手団の退場は・・・完全におかしくない？？？

一体何があったんだろうか・・・
続報希望。

分かったみたい。
「オリンピック組織委員会のミス」だって。。。松田公太　参議院議員が文科省・JOCに確認したらしい。

松田公太 ?@matsudakouta
日本選手団は「早く帰りたい人が残されたのなら競技に影響が出るが、その逆なので競技に影響しない」と判断し、静かに帰ったそうです。
RT @sayakakamiya　情報ありがとうございます。つまり「退場」は事実で、日本政府としては、“ミス”についての抗議はしない、というスタンス


AP通信は「オリンピック組織委員会は日本の要望によるものだ」との事。こっちは日本の新聞にも書いてある模様。「調整を優先する為」だと。

さてどっち？？で、なぜミスった？それミスなの？どうゆうミスなの？

続報熱烈希望

続報きた。日本の選手が手違いで全員外に出されてしまった。何カ国かが そういう状況になったそうで、組織委から謝罪があったらしい。
IOCのミスだったというオチで決着。おい新聞ｗ ]]> https://ameblo.jp/ani-056450/entry-11316337649.html Tue, 31 Jul 2012 09:17:26 +0900 芸能人ブログっぽくする方法 ・[デザインの変更]を選択。
・一番下の「他のカテゴリからブログデザインを探す」枠から「カスタム可能」を選択。
・「CSS編集用デザイン」を選択。
・「.skinHeaderFrame」もしくは、「.skinHeaderArea」をページ内検索して、あれば、
.skinHeaderArea{background-image:url(画像url);}/* ←ブログヘッダーに背景画像を敷きたいとき */
です。画像urlはhttp://から始まる画像のurlです。

CSS編集用デザイン以外にもあります。デザインはほとんど変えられないけど、トップの画像等が変更し易くなっている様です。

デザインはそのままにトップの画像のみ変更したいって場合は、
１．まず自身のテンプレートの形式を調べる。（HTML5新バージョンとxHTML?旧バージョン）。
２．HTML5バージョンなら、前のCSSをコピー、編集貼り付け。ヘッダー部のみ画像適用。

う。。。。時間無し。適当で申し訳ありません。 ]]> https://ameblo.jp/ani-056450/entry-11308810226.html Sun, 22 Jul 2012 10:42:56 +0900 アメブロのカスタマイズされたCSSとか 使ってもらってもいいですよ。
気に入ってきただけたのであればですが。

ライセンスはフリーです。
画像もどうぞ。タイトルと大バナーだけですが。
クロスブラウザはchrome,firefox以外見ていません。

設置方法等が分からない場合はコメントまで。 ]]> https://ameblo.jp/ani-056450/entry-11279271183.html Sat, 16 Jun 2012 22:12:47 +0900 アメブロカスタムに飽きた。 今回は結構きついかも。
javascriptも一杯で文字数制限かかるし、アメブロの為に外部にコードを置くのはやりすぎだし、もういいんじゃない？みたいな気になってる。
記事を書く気にもならない。なら書くなよってそらそうだ、その通り。

今回アメブロをカスタマイズして再度認識した事。
それは、、、
「広告でかすぎ」
また同じ結論。

そもそもコミュニケーションが目的ではなく、ただただ試してみたかっただけで始めたブログな訳です。限界というより適当に配置されたバカでかい広告に萎えたんです。再度。

そこでアメブロの正しい使い方を考えた。
Atomで自サイトへの誘導の為の簡略コピー記事を投稿。恐らく検索エンジンのアメブロパワーは最低なので、調度しょぼいミラーサイトとして認識されるのではないかと。更に、中の人達を外へ誘導する。自分ではしないけど、相談されたらこれを勧めてみよう。
アメブロ->他社無料ブログ->HTMLオンリーサイトが超安価だ。

そういえば本でシャンパンタワー型がいいとか書いてあった。
底辺の検索エンジンを照らす片側リンクのアメブロがいいねｗ底辺の底辺ってどんだけ底よ。その程度だから要らない。

]]> https://ameblo.jp/ani-056450/entry-11265734408.html Thu, 31 May 2012 22:42:43 +0900 ブログ、SNS。その次は何がくる。 そんな事を思いつつ同調できる記事を見つけた。
SNS衰退の理由を考えるとどうしても「人間関係に飽きた」に行き着く
その通りだと思う。
人は飽きる。
快楽をその行為から得たとしても繰り返せばそれが普通になる。心的飽和と言うらしい。劇的に変化するか、自己を啓発される欲求を芽生えさせられる新しいアイデアが必要だと思う。記事の投稿がセックスに似た快楽を得る行為だという記事も見たが、所詮仮想の産物だし。
また、次にくるサービスとして「ピンタレスト」日本語ガイドなるものを挙げているサイトを見つけた。日本語版の開発も進行している模様。確かにお洒落で面白い。何となく検索エンジンの進化系並の情報量がある気がする。しかも人が紹介した情報なので信憑性もある。どこかの自動巡回スパムとは違う。ただ収益をだすシステムが構築されていないとの事。
更に、もう一つ気になるワード「SOPA法案」。アメリカだけかと思っていたが。。。違った。著作権の法案ではあるが、この法案が通ればwebサービスは各サイトが許される範囲外は全て独自の情報を公開する事になる。Googleと言えども例外ではない。なぜなら勝手に検索対象に入るでしょ？訴えれば金になる。が、Webサービスは横の繋がりを経たれ、情報が分散してしまう。
そんな事を考慮に入れながら、新しいアイデアは形になるのだろうかと妄想するもどうしてもインターネットサービス内でユニークな発想ができない。
そういえばGoogleのペンギン。微妙に変です。あと新CEO方針なのか無料APIが有料になったりchromeの個人情報の利用やgoogle+を始め、「型にはまる」方向がもう普通で飽きました。昔の「何かやってくれるかも！？」と期待する神秘的な印象はどこへ。 ]]> https://ameblo.jp/ani-056450/entry-11253699940.html Fri, 18 May 2012 09:13:10 +0900 アメブロのSEO能力検証 全然ダメ。
しかし半分SNSみたいなもんだから、アメブロ内からの訪問者他の無料ブログよりはある。
が、一般的な検索は最低レベル。
やっぱりhtml5と言えどもbodyの頭に要らないものが大量つーのは良くないのではないかと。
記事の内容によるものかどうかって言われる方もあるかもしれないけど、
これは多分違う。以前何か悪い事でもやってたんじゃね？って位ドメインかサーバーの力が弱い。
あくまでgoogle検索です。yahoo検索もgoogleですので同じ。


そこで、次はブログゥに手を出してみた。まだ登録してみただけですが、テンプレートはトップ、記事、カテゴリ？だったかHTMLが触れる。もうサイトと同じですよ。肝心の広告は見当たったのは左カラムのamazonかな？でした。この位置は最下部にも持っていける自由さと、ソースにバカみたいに宣伝を挿入するどこかのブログとは違いスッキリそのままhtml。
いいじゃないですか。
いっちょテンプレートを作ってみましょう！

]]> https://ameblo.jp/ani-056450/entry-11250299191.html Mon, 14 May 2012 10:56:52 +0900 影用のpngファイルを使ってIE8以下のcss3のbox-shadowにする（改） 影用の■pngファイルを使ってIE8以下のcss3のbox-shadowにするなんて記事を書きましたが、四方に画像をつけるんだったら拡大した影画像１枚をposition:absoluteでtop:-5px;left:-5px;とかすればいいじゃないかと気付いた。
更にその後、画像じゃなくてfilterのblurでいいじゃないか・・・となった。画像は伸縮させると濃さが変る。filterは変らない。div->(□(relative;z-index:2)+■(absolute;z-index1))みたいな。
まぁ無駄な時間を使った気がする。

さて次はimgにshadowを付けたい場合。
imgの中には要素が無い。どうするか。それ自体を触りたくない。
offsetLeftとoffsetTopで・・・信用できるのか。IE8以下のみなんとかせんといかん。

で、やってみたところ、うまくいく。
更に、全部これでいいんじゃないかと試してみたところ、うまくいく。 ]]> https://ameblo.jp/ani-056450/entry-11249259105.html Sun, 13 May 2012 09:24:42 +0900 影用のpngファイルを使ってIE8以下のcss3のbox-shadowにする box-shadowがその要素に陰が付くのと比べてfilter系はその要素が影になる。背景色とwidth若しくはheightが必須だから。更にshadow部分がwidthにプラスされる。
で、他の方法を考えた。影用のpngファイルを使ってIE8以下のbox-shadowにする方法。
やり方は簡単。
shadowというクラスを付けるとする。
.shadowにposition:relative(absolute);を設定。
.shadowにdiv(height:5px;position:absolute;top:-5px;)>img(src:shadow.png;position:absolute;width:100%;top:0px;)を四方にappend(Child)。※スタイルは四方用に変更せんとあきません。
.shadow要素にoverflowは設定しない事。影用画像以下の幅若しくは高さにしない事(ごっつ黒くなる)。影用画像より大きくし過ぎない事（ごっつ薄くなる）。
png画像は正方形の黒にぼかしフィルターで。テストは50px角でした。
使い道は限られるけど、その要素自身をあまり触らないのでレイアウトがくずれにくいのが良い。マージンもそのままだし。
適当な説明はご愛嬌。 ]]> https://ameblo.jp/ani-056450/entry-11248151689.html Fri, 11 May 2012 23:18:20 +0900