ファイル共有(SugarSync)を利用したブックマークアイコンの公開

無料ブログサービスを利用したサイトは多くありますが、
大抵のサイトではブラウザのタブなどに対して、
サイト運営母体のアイコンが表示されていると思います。
このアイコンをオリジナルのアイコンに変更しようと思った際に、
拡張子icoのアイコンファイルをWeb上に公開する必要があります。
それをファイル共有サービスを用いFて行なう方法を投稿します。

タブのみ表示

ファビコンの設定が困難な無料ブログサービスとして、
すぐに思い浮かぶのがamebaブログかと思います。

その他のブログサービスでも困難なサービスはありますが、
そうしたブログの多くは拡張子icoファイルを画像ファイルとして、
アップロードすることを認めていないという背景があります。

ファビコンの変更を行う第一歩として、
アイコンファイルを公開する必要があります。

ファビコン画像の作成については以下を、

画像からのicoファイル化については以下を参照ください。

[rakuten]001:9784048688543[/rakuten]

ファイルのアップロード

SugarSyncへファイルのアップロード

SugarSyncへログインを行い(今回はWeb版を利用)ます。
表示されたフォルダの一覧から、アップロードをクリックします。

01_SugarSyncログイン

アップロードファイルの登録

表示されたアップロードウィンドウに対して、
今回アイコンに割り当てたいicoファイルを、
ドラッグアンドドロップします。

02_SugarSyncファイルアップロード

アップロードの確認

アップロードが完了すると、
今アップロードしたファイルが一覧に表示されます。
[完了]をクリックしアップロードウィンドウを閉じます。

03_SugarSyncアップロードの確認

登録ファイルの確認

今アップロードを行ったファイルを確認します。
SugarSyncのフォルダウィンドウに戻り、
アップロード先に指定したフォルダをクリックします。

04_SugarSyncアップロード先フォルダ

ファイルの公開(共有設定)

フォルダに登録されているファイルの一覧が表示されたら、
今アップロードを行ったファイルが表示されていることを確認します。
そのファイルの行で[共有]をクリックします。

05_SugarSyncアップロードファイルの共有

パブリックリンクURLの取得

表示されたパブリックリンクを共有ダイアログから、
[パブリックリンクをコピー]をクリックします。

06_SugarSync共有リンク生成

パブリックリンクURLのコピー

表示されているファイルのURLがクリップボードにコピーされます。
このURLは後で利用しますので、
メモ帳などにペーストして後で利用できるようにしておいてください。
このURLをブックマークアイコン(favicon/ファビコン)に割り当てる、
タグに指定をします。

07_SugarSync共有リンク取得 

パブリックリンクURLの確認

メモ帳などに貼って確認すると以下のようなURLが生成されています。
https://www.sugarsync.com/pf/D1408962_257_10204720

拡張子のicoの部分は落とされた別名となっていますが、
このURLをファビコンを指定する部分のURLに設定します。

このサイトの場合には、ファビコンを設定しているheadタグの部分は、
以下のようになっています。

http://algorhythnn.jp/blg/wp/wp-content/uploads/2013/06/hon-favicon.ico

この赤下線部をSugarSyncで取得したURLに置き換えて、
設定することでファビコンの表示が行えるようになります。

ただし、無料のブログサービスなどによっては、
HTMLの編集が認められておらず、
ウィジェットなどのカスタマイズ領域のみしか、
編集が認められていないケースが多くあります。

その為、こうした公開ファイルを保存する領域を確保し、
ファイルを共有しただけではファビコンの設定が行えず、
表示に至らないケースが多くあります。

各社のブログサービスによって対応が異なる部分もあり、
それぞれに合った方策を行うことで、
各社無料ブログであってもファビコンの表示が可能になります。

その方策については追って記載をします。

※2013/07/02時点であり、
各社の仕様変更によっては表示できない場合も今後発生すると思います。

[amazonjs asin=”B009GYTX36″ locale=”JP” tmpl=”Small” title=”すぐわかるポケット! 仕事にすぐ効く! シュガーシンクSugarSync自由自在”]

SugarSync™はSugarSync, Inc. の国際登録商標です。
国際登録番号：１０５７３８５です。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください

最後までお読みいただきありがとうございました。

お勧めさせて頂きたい投稿です

• 【巧妙な仕組】Google+へAndroidの写真が勝手にアップロードされてしまう流れは設定ミスではない

• JetPackサイト統計データが消えた場合に復活する手順(してもらう)

• 【待望】WALLET ポイントがauID(au電話番号)間で相互にやりとりできるようになりました

• 禁断の機能がau公式解禁！WALLETポイントの現金化がついに開放。

• 何もしないと、auポイントが2014/05月分以降は携帯利用料から付与されなくなります

• au WALLET™カードはauを解約してもプリペイドとして使い続けられるが、有効期限には注意

• じぶん銀行が動いた！コンビニATM利用が無料・他行振込無料（回数制限なし）で使える

• 【旬】「白すぎる」と賛否両論？姫路城見るなら今秋がおすすめ！その理由は？｜castlehimeji.com

• Google+の投稿が勝手に自動でブログになっていくPluCialが便利



アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介

すべて展開 | すべて省略

Rakuten Promotion

ページ

すべて展開 | すべて省略