頑張らない!でも諦めない!必死にならずにええかげん

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

      2014/11/22

Google or AdMax Promotion(it)

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

13_タブのみ表示

タブのみ表示

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

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

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

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

 

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

 

[rakuten]001:9784048688543[/rakuten]

ファイルのアップロード

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

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

SugarSyncログイン

01_SugarSyncログイン

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

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

SugarSyncファイルアップロード

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

アップロードの確認

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

SugarSyncアップロードの確認

03_SugarSyncアップロードの確認

登録ファイルの確認

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

SugarSyncアップロード先フォルダ

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

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

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

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

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

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

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

SugarSync共有リンク生成

06_SugarSync共有リンク生成

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

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

SugarSync共有リンク取得

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. の国際登録商標です。
国際登録番号:1057385です。

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


最後までお読みいただきありがとうございました。
アルゴリズン


役に立ったと思っていただけたら、以下からシェア頂けたら幸いです^^

QRコードからもこのURLを開けます。

Pitta Promotion

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。
ロゴの使用等に関する苦情・ご意見等がございましたら管理者までご連絡ください。

AdMax Promotion

カテゴリ
すべて展開 | すべて省略

Rakuten Promotion

プロモーション(btm)

Google or AdMax Promotion (it)

 - ソフトウェア, デザイン, 同期・シンク , , , , , , ,

  関連記事