【ファビコン設置でアクセスアップ・特集①】…ツイッターアイコンをアメブロのファビコンにする方法☆
みなさん、こんにちは♪シマザキです。
本日から数回にわたって「ファビコン設置でアクセスアップ」
という特集を行います。
あなたのアメブロに、オリジナルのファビコンを設置する方法を
色々ご紹介していこうと思います。
ファビコンて、何？
ファビコンとは何かというと、
FireFoxやIE(インターネット・エクスプローラ)などの
ブラウザで、このように表示されるアイコン画像のことです。
↓私はツイッターなので、青い鳥
アメブロですと、デフォルト(初期設定)だと、
どのブログも、この緑アメーバ画像です。
みんな同じは、つまらないから、
もっと個性を出したいですよね。
オリジナルの画像だと目立って、
・印象に残りやすくなる(覚えてもらえる)
・お気に入りに入れても出てくるので、
アクセスされやすくなる
という利点があります。
ファビコンのサイズは基本、16ピクセル×16ピクセルです。
ファビコン画像の作り方は、何通りかありますので、
本日から順にご紹介していきますが、
本日は、超簡単な方法として、
「ツイッターのアイコンをそのまま、
あなたのアメブロのファビコンにする方法」
を、ご紹介します。
↓こちらのサイトにアクセス
FavIcon from Pics
http://www.html-kit.com/favicon/
作成編
twitter.com/の後ろのボックスに、
あなたのツイッターアカウントを入力して、
「Generate FavIcon.ico」のボタンをクリック
Download FavIcon Packageの文字をクリックして
ダウンロードするだけ！
ファビコンの画像の拡張子は.gifや.jpgとかではダメで、
.ico にするよう、決められています。
かといって、.gifや.jpgとかの普通の画像ファイルの拡張子を
そのまま拡張子の部分だけ変更したりすると、
FireFoxだと表示されますが、IEだと表示されないなどの
不具合が起こります。(実験済み(^_^;))
なので、このようなサイトで、きちんと.icoという拡張子の
アイコンを作る必要があります。
zipファイルを開くと、こんな感じです。↓
ちなみに、アニメーション版のアイコンもダウンロードされますが、
ブラウザによっては表示されないので、静止画の方、
つまりfavicon.icoの方を使うのをおススメします。
設置編
あなたのサーバーに、favicon.icoをアップロードする
FC2の無料サーバーを使う場合は以下のページを参照して下さい。
【RTボタン関連Ｑ＆Ａコーナー】プラグインが文字数超過です！FC2無料サーバーの借り方を教えて！
http://ameblo.jp/infostock/entry-10616976801.html
下記のタグを、あなたのアメブロのフリープラグインに貼り付ける。
<link rel="shortcut icon" href="ファイルサーバーのパス/favicon.ico">
【例】私の場合は以下の通り↓
<link rel="shortcut icon" href="http://free-sozai.jp/twitter/favicon.ico">
必ずhttp://…からfavicon.icoまで、フルパスで指定してくださいね。
これで出来上がりです♪
IE(インターネットエクスプローラ)でファビコンが表示されない場合は、
通常、キャッシュのクリアを行うと表示されます。
本日も最後までお読みいただきまして、ありがとうございました。
シマザキ
本日から数回にわたって「ファビコン設置でアクセスアップ」
という特集を行います。
あなたのアメブロに、オリジナルのファビコンを設置する方法を
色々ご紹介していこうと思います。
ファビコンて、何？ファビコンとは何かというと、
FireFoxやIE(インターネット・エクスプローラ)などの
ブラウザで、このように表示されるアイコン画像のことです。
↓私はツイッターなので、青い鳥
アメブロですと、デフォルト(初期設定)だと、
どのブログも、この緑アメーバ画像です。
みんな同じは、つまらないから、
もっと個性を出したいですよね。
オリジナルの画像だと目立って、
・印象に残りやすくなる(覚えてもらえる)
・お気に入りに入れても出てくるので、
アクセスされやすくなる
という利点があります。
ファビコンのサイズは基本、16ピクセル×16ピクセルです。
ファビコン画像の作り方は、何通りかありますので、
本日から順にご紹介していきますが、
本日は、超簡単な方法として、
「ツイッターのアイコンをそのまま、
あなたのアメブロのファビコンにする方法」
を、ご紹介します。
↓こちらのサイトにアクセス
FavIcon from Pics
http://www.html-kit.com/favicon/
作成編 twitter.com/の後ろのボックスに、あなたのツイッターアカウントを入力して、
「Generate FavIcon.ico」のボタンをクリック
Download FavIcon Packageの文字をクリックしてダウンロードするだけ！
ファビコンの画像の拡張子は.gifや.jpgとかではダメで、
.ico にするよう、決められています。
かといって、.gifや.jpgとかの普通の画像ファイルの拡張子を
そのまま拡張子の部分だけ変更したりすると、
FireFoxだと表示されますが、IEだと表示されないなどの
不具合が起こります。(実験済み(^_^;))
なので、このようなサイトで、きちんと.icoという拡張子の
アイコンを作る必要があります。
zipファイルを開くと、こんな感じです。↓
ちなみに、アニメーション版のアイコンもダウンロードされますが、
ブラウザによっては表示されないので、静止画の方、
つまりfavicon.icoの方を使うのをおススメします。
設置編 あなたのサーバーに、favicon.icoをアップロードするFC2の無料サーバーを使う場合は以下のページを参照して下さい。
【RTボタン関連Ｑ＆Ａコーナー】プラグインが文字数超過です！FC2無料サーバーの借り方を教えて！
http://ameblo.jp/infostock/entry-10616976801.html
下記のタグを、あなたのアメブロのフリープラグインに貼り付ける。<link rel="shortcut icon" href="ファイルサーバーのパス/favicon.ico">
【例】私の場合は以下の通り↓
<link rel="shortcut icon" href="http://free-sozai.jp/twitter/favicon.ico">
必ずhttp://…からfavicon.icoまで、フルパスで指定してくださいね。
これで出来上がりです♪
IE(インターネットエクスプローラ)でファビコンが表示されない場合は、
通常、キャッシュのクリアを行うと表示されます。
本日も最後までお読みいただきまして、ありがとうございました。
シマザキ
↑ここをクリック！↑
アメブロ専用RTボタンは、
こちらのサイトから簡単に
ご利用いただけます。
皆さん、どんどんご利用下さいませm(_ _)m
【ブログ文字拡大ツールα版】文字を読者さん側で自由に拡大☆皆にもっと読まれるブログにしよう
皆さん、こんにちは！シマザキです。
今日は「文字拡大」ブログパーツをご紹介します。
ブログ文字拡大ツールα版
http://www.50ism.com/blogsize/
↓こんな感じであなたのブログに表示されます。
アメブロのデフォルト(初期設定)の文字って、
やや小さめだと言われることがあるようです。
でも、デザイン上は、やや小さめの文字の方がキレイに
見えます…ん～…悩むところですよね(^_^;)
読みやすい文字の大きさは、読者さんの年齢や視力などの
関係によって、個人差がとても大きい部分です。
このブログパーツは、特に、
・年配の方向けの商品を扱っているブログ
・より幅広い読者層に読んでもらいたいブログ
などを運営している方におススメです。
このようなブログを運営している方は、
ブログの文字の大きさ設定について、一度は頭を悩ませたことが
あるのではないかと思います。
個人差が大きい部分だからこそ、読者の方が自分で
文字の大きさを調整できるのであれば、それがベストです☆
ブログ文字拡大ツールα版
http://www.50ism.com/blogsize/
使い方は超簡単
わずか２行のコードを、
フリープラグインに入れるだけ！
今から説明する方法は、上記のサイトに書いてある
設置方法と違うので、よく確認して設置して下さいね
上記サイトの下の方のボックス内の、
「JavaScriptバージョン」のコードをコピーする
フリープラグインに貼り付ける
これでOK！
使用上のアドバイス
(実験で分かったことですが)、この「文字拡大ツール」を入れると、
サイドバーの文字も、本文の文字と同じ大きさに表示されます。
デザインにこだわる方は、必ずブログの全体的なバランスを
見て判断して、自己責任で使って下さいね。
「このブログパーツをブログの上の方に表示したい！」という場合は、
・サイドバーの配置でフリープラグインを最上段にする、
・フリープラグインの中に書き込む順番を、一番上にする
以上の工夫で実現できます。
では、本日も最後までお読みいただきまして、ありがとうございました。
今日は「文字拡大」ブログパーツをご紹介します。
ブログ文字拡大ツールα版
http://www.50ism.com/blogsize/
↓こんな感じであなたのブログに表示されます。
アメブロのデフォルト(初期設定)の文字って、
やや小さめだと言われることがあるようです。
でも、デザイン上は、やや小さめの文字の方がキレイに
見えます…ん～…悩むところですよね(^_^;)
読みやすい文字の大きさは、読者さんの年齢や視力などの
関係によって、個人差がとても大きい部分です。
このブログパーツは、特に、
・年配の方向けの商品を扱っているブログ
・より幅広い読者層に読んでもらいたいブログ
などを運営している方におススメです。
このようなブログを運営している方は、
ブログの文字の大きさ設定について、一度は頭を悩ませたことが
あるのではないかと思います。
個人差が大きい部分だからこそ、読者の方が自分で
文字の大きさを調整できるのであれば、それがベストです☆
ブログ文字拡大ツールα版
http://www.50ism.com/blogsize/
使い方は超簡単 わずか２行のコードを、
フリープラグインに入れるだけ！
今から説明する方法は、上記のサイトに書いてある
設置方法と違うので、よく確認して設置して下さいね
上記サイトの下の方のボックス内の、「JavaScriptバージョン」のコードをコピーする
フリープラグインに貼り付けるこれでOK！
使用上のアドバイス (実験で分かったことですが)、この「文字拡大ツール」を入れると、
サイドバーの文字も、本文の文字と同じ大きさに表示されます。
デザインにこだわる方は、必ずブログの全体的なバランスを
見て判断して、自己責任で使って下さいね。
「このブログパーツをブログの上の方に表示したい！」という場合は、
・サイドバーの配置でフリープラグインを最上段にする、
・フリープラグインの中に書き込む順番を、一番上にする
以上の工夫で実現できます。
では、本日も最後までお読みいただきまして、ありがとうございました。
↑ここをクリック！↑
アメブロ専用RTボタンは、
こちらのサイトから簡単に
ご利用いただけます。
皆さん、どんどんご利用下さいませm(_ _)m
【ツイッター中毒度診断＆ツイッター廃人度計算機】…もう、どうにも止まらない～!?♪
皆さん、こんにちは！シマザキです。
ここのところ、やや技術系の記事が続いたので、
本日は趣向を変えまして、
大人気のツイッター診断系サイトの話題です♪
まず、本日、ご紹介するのは、こちら！
ツイッター中毒度診断
How addicted to Twitter are you?
http://theoatmeal.com/quiz/twitter_addict
この方(ペンネームOatmealさん)のイラストとアイデアは
私個人的に大変ツボ
『このヤバそうな感じが いい(≧∇≦)b 早速やってみよう！』
という感性じたい、もう相当、中毒度が高いのでは
…という、読者さんの声が、どこからか聞こえてくる
ような気がしますが、
さ、早速ご紹介します。
サイトは英語なので、
参考までに日本語訳を以下に載せておきます。
------------------------------------
1 トイレでツイッターしたことがある？
2 ツイッターで知り合った人に、オフラインで会ったことがある？
3 あなたのフォロワーさんは何人？
4 どのくらいの割合でツイートする？
年に数回 / 月に数回 / 週に1回 / 週に数回 /１日１回 /
１日３～５回 /１日６～10回 /１日11～15回 /１日15回以上
5 ツイッタークライアント(ツイッターをやるツール)をいくつ試したことがある？
6 携帯電話からツイートしたことある？
7 ツイッターを始めてどのくらい経つ？
8 何かを食べている時、それについてツイートしたことがある？
9 他の人にツイッターをやるように勧めたり説得したりしたことがある？
10 ツイッターの背景をカスタマイズしてる？
11 ツイッターアカウントとフェイスブックアカウントをリンクさせてる？
12 重要なニュースを、どこからよりも早く、ツイッター経由で知ったことがある？
13 ツイッターで一時期、クジラが毎日出てたのを知ってる？
知ってる / 知らない /クジラって何？
14 ツイッターをもっと便利に楽しくするアイデアを思いついたことがある？
15 朝起きて最初にチェックするとしたら、次のうちどれ？
Twitter / Facebook / メール /
ベッドの下のプレデターやドロボーの有無 /Myspace
16 このテストの結果もツイートするつもり？
---------------------------------------
もちろん私もやってみました。
ええ、結果は見る前から予想がついてました
↑上の画像ように、結果ページのPost your result to から、
ブログやウェブサイトに貼り付けられる画像コードも取得できます♪
もちろん、ツイッター・フェイスブック・MySpaceへの連携も
バッチリです。
------------------------------
ツイッター廃人度計算機
http://nekote.com/cgi-ketto/twihai.cgi
こちらは日本製のサイト。ツイッターアカウントを
入れるだけで診断してくれます。
*** 「ツイッター廃人度計算機」 ***
ツイート数×フォロー数×お気に入り÷100000000＝ツイッター廃人度
という、独自の計算式に基づいて診断してくれます。
そのままランキングサイトにもなっていて、
とんでもない数字が出ている、ランキング上位の方の結果も
チェックすることが出来ます
----------------------------------
私の結果は以下の通り↓
ツイート数：6494×フォロー数：6992×お気に入り：513÷100000000＝ @Yo_Shimazaki のツイッター廃人度：232.9 ％
----------------------------------
でも、ランキング上位の方があまりにすごいので、
自分の数字のヤバさが、だいぶ緩和されて認識されているような気が( ﾟДﾟ)
200%台の方は結構いらっしゃるようで、安心？(oﾟωﾟo)ノ
皆さんもぜひ、お試し下さい。
本日も最後までお読みいただきまして、ありがとうございました。
シマザキ
ここのところ、やや技術系の記事が続いたので、
本日は趣向を変えまして、
大人気のツイッター診断系サイトの話題です♪
まず、本日、ご紹介するのは、こちら！
ツイッター中毒度診断How addicted to Twitter are you?
http://theoatmeal.com/quiz/twitter_addict
この方(ペンネームOatmealさん)のイラストとアイデアは
私個人的に大変ツボ
『このヤバそうな感じが いい(≧∇≦)b 早速やってみよう！』
という感性じたい、もう相当、中毒度が高いのでは
…という、読者さんの声が、どこからか聞こえてくる
ような気がしますが、
さ、早速ご紹介します。
サイトは英語なので、
参考までに日本語訳を以下に載せておきます。
------------------------------------
1 トイレでツイッターしたことがある？
2 ツイッターで知り合った人に、オフラインで会ったことがある？
3 あなたのフォロワーさんは何人？
4 どのくらいの割合でツイートする？
年に数回 / 月に数回 / 週に1回 / 週に数回 /１日１回 /
１日３～５回 /１日６～10回 /１日11～15回 /１日15回以上
5 ツイッタークライアント(ツイッターをやるツール)をいくつ試したことがある？
6 携帯電話からツイートしたことある？
7 ツイッターを始めてどのくらい経つ？
8 何かを食べている時、それについてツイートしたことがある？
9 他の人にツイッターをやるように勧めたり説得したりしたことがある？
10 ツイッターの背景をカスタマイズしてる？
11 ツイッターアカウントとフェイスブックアカウントをリンクさせてる？
12 重要なニュースを、どこからよりも早く、ツイッター経由で知ったことがある？
13 ツイッターで一時期、クジラが毎日出てたのを知ってる？
知ってる / 知らない /クジラって何？
14 ツイッターをもっと便利に楽しくするアイデアを思いついたことがある？
15 朝起きて最初にチェックするとしたら、次のうちどれ？
Twitter / Facebook / メール /
ベッドの下のプレデターやドロボーの有無 /Myspace
16 このテストの結果もツイートするつもり？
---------------------------------------
もちろん私もやってみました。
Created by Oatmeal
ええ、結果は見る前から予想がついてました
↑上の画像ように、結果ページのPost your result to から、
ブログやウェブサイトに貼り付けられる画像コードも取得できます♪
もちろん、ツイッター・フェイスブック・MySpaceへの連携も
バッチリです。
------------------------------
ツイッター廃人度計算機http://nekote.com/cgi-ketto/twihai.cgi
こちらは日本製のサイト。ツイッターアカウントを
入れるだけで診断してくれます。
*** 「ツイッター廃人度計算機」 ***
ツイート数×フォロー数×お気に入り÷100000000＝ツイッター廃人度
という、独自の計算式に基づいて診断してくれます。
そのままランキングサイトにもなっていて、
とんでもない数字が出ている、ランキング上位の方の結果も
チェックすることが出来ます
----------------------------------
私の結果は以下の通り↓
ツイート数：6494×フォロー数：6992×お気に入り：513÷100000000＝ @Yo_Shimazaki のツイッター廃人度：232.9 ％
----------------------------------
でも、ランキング上位の方があまりにすごいので、
自分の数字のヤバさが、だいぶ緩和されて認識されているような気が( ﾟДﾟ)
200%台の方は結構いらっしゃるようで、安心？(oﾟωﾟo)ノ
皆さんもぜひ、お試し下さい。
本日も最後までお読みいただきまして、ありがとうございました。
シマザキ
↑ここをクリック！↑
アメブロ専用RTボタンは、
こちらのサイトから簡単に
ご利用いただけます。
皆さん、どんどんご利用下さいませm(_ _)m