LinkWithin You might also like
最近、アメブロをやられている方でこのプラグインをつけている方も増えてきました。
↑これ
記事の最後に他の記事で使用されている画像と一緒に表示されます。
画像が登録されている記事からランダムに選んで表示してくれます。
たま～に画像がうまく表示されないときがありますが、プラグイン用に
画像が縮小処理されているためと思われます。
さて、このプラグインの設置方法ですが、とっても簡単
その1.
LinkWithin というサイトにアクセスします
その2.
ページ中にあるフォームに必要事項を入力
Email：
フリーメールでOKです。特にメールが送られてくることもありません。
Blog Link：
自分のブログのURLを入力します。
私の場合でしたら「http://ameblo.jp/web-grid/」
Platform：
アメブロでしたら「Other」にしましょう。
Width：
横に並べる数を指定します。
ブログが3カラムの場合は3にしましょう。それ以上の数ですと切れてしまいます。
2カラムでしたら4でもOKです。
□My blog has ～：
このチェックボックスはブログ背景が暗く濃い色でしたらチェックを入れましょう。
明るい色、白地のような場合はチェックははずしてください。
その3.
「Get Widget!」ボタンを押す → 新しいページが開きます
その4.
ページに表示されたソースをコピーして、そのままフリープラグインに貼り付けます
←まんま貼り付けるだけです
ちょっぴりカスタマイズ.
<script>linkwithin_text='表示したい文字'</script>
この一行を最初に追加すると、表示されたときの「You might also like:」の
表示を変えることができます
2011年2月ブラウザシェア
2月のブラウザシェアが発表されました
GoogleのChromeもそこそこ定着してきましたね。
個人的にはChromeやFirefoxがサクサク動いて好きです
| ブラウザ別 | バージョン別 | ||||||||||||||||||||||||||||||||||||
 |  | ||||||||||||||||||||||||||||||||||||
|
|
HPやブログを作る上で、気にしなくてはいけないのがどのブラウザでも同じように見えるように作ること。
これをクロスブラウザ対応と言います。
簡単なようでかなり難しいです
cssやhtmlをいじって表示を確認すると思いますが、それぞれのブラウザで確認する必要があります。
IEではちゃんと表示されてたのにSafariだと崩れるなんて話はよくあります。
これはブラウザごとにcssの解釈が違うことが原因です。
これについてはcssの記述をご紹介するときに必要に応じてご紹介します。
特に自分が手こずったのはIE6。
これがなかなかの曲者
バグとされているものもありますが、個人的にIE6が一番cssを組むのが大変です
アメブロカスタマイズ用 画像登録
アメブロのデザインをカスタマイズする上で避けて通れないのが画像を使ったデザインの変更ですね。
アメブロではブログでサイン用に画像をアップロードする機能があります。
”ブログを書くタブ”→”デザインの変更タブ”→”cssの編集”
基本的にこれで問題はありませんが、この画像アップロード機能は
「サイズは1MBまで」
「5枚まで」
ちょっと窮屈な制限があります
そこでその制限を少しでも緩和すべく、以下の方法での画像アップロードをご紹介します
それは・・・
ブログ記事用画像としてアップする
アップロードできる画像サイズは2MBまでで、ブログデザイン用の倍のサイズまでアップロードできます。
また、登録できる数量ですが、容量の許す限りいくらでもアップロードできます（2000.0MB）
逆に注意しなくてはいけないのが容量を超えると削除されてしまう点です。
これはアップロード画面上部に表示された赤いバーを見て容量が越える前に他の画像を削除することで回避します。
cssに入力する画像URLは、各ブラウザで以下の操作で取得できます。
IE ： 画像右クリック → プロパティー → アドレスURL
FireFox ： 画像右クリック → 画像のURLをコピー
Chrome ： 画像右クリック → 画像のURLをコピー
Safari ： 画像右クリック → イメージのアドレスをコピー
Opera ： 画像右クリック → 画像のアドレスをコピー