人気ブログランキングの応援
をして頂けると励みになります。
いろいろなブログを見て回ると、
Twitterやfacebookを利用しておられる人が
増えてきていますね。
そこで、私のブログにも、
Twitterとfacebookのボタンを
ブログの上部右側に固定設置して
みようと思います。
［Twitter］ボタンをクリックすると、
私のTwitterのページが開き、
［facebook］ボタンをクリックすると、
私のfacebookのページが開けば、
これは、便利ですよね。
ところで、「Twitter」について、何か規制がないか
調べてみました。
そうすると、ありました。
米Twitterは2010年10月に、
同社のロゴ、ボタン、ウィジェットを刷新し、
商標利用のガイドラインもアップデートしています。
このアップデートされた商標利用に関するガイドラインには、次の内容が含まれています。
詳しくは、このガイドラインをよく読んでくださいね。
ロゴの改変は禁止（例えば、キャラクターの鳥が自社ロゴを運んでいるようにレイアウトするなど）
Twitterサイトのロゴを使って独自のボタンやマークを作成することは禁止
ユーザーアイコンやアバターに鳥などTwitterのマークを使うことを禁止
TwitterやTweetと記述する場合は必ず最初のTを大文字で記述すること。（要請）
ユーザーは、Webサイト上のロゴをガイドラインにそった新しいものに置き換えること。（推奨）
独自性のあるロゴデザインとブランディングをすることはOK。
Twitterサイトのルックアンドフィール（見た目と感じ）を模倣することは禁止。・Twitter ロゴ、Twitter バードアイコンは、こちらで配布されています。
↓↓↓
http://twitter.com/about/resources/logos
・・・・この場合は、あなたの Twitter アカウントとTwitter サービスへのリンクどちらでもOK
・Twitter ボタンは、こちらで配布されています。
↓↓↓
http://twitter.com/about/resources/buttons
・・・・この場合は、あなたの Twitter アカウントへのリンクのみOK
・WEBで「Follow me on Twitter」、「私を Twitter でフォローしてください」などという形でフレーズの中に「Twitter」を含めた形で使用する場合
・・・・この場合は、あなたの Twitter アカウントへのリンクのみOK
・公式のツイートボタンの設置方法については、こちらで説明されています。
↓↓↓
http://twitter.com/about/resources/tweetbutton
・・・このボタンをあなたのブログに設置すれば、訪問者はあなたのブログ記事をTwitter上で共有することができます。
「facebook」の方は、これといった規制はなさそうです。
「Twitter」の方は、公式サイトで、
ロゴ、アイコン、ボタンが公表されており、
これをそのまま使用しリンクさせるのは、OKです。
しかし、模倣は、いけないようです。
独自性のあるロゴデザインとブランディングをしましょう。
ということで、いろいろ考えてみた結果、
ボタンを作成することにしました。
それでは、ボタンを２つ設置してみましょう。
１つ目は、［Twitter］ボタンです。
このボタンをクリックすると、
私のTwitterのページが開きます。
２つ目は、［facebook］ボタンです。
このボタンをクリックすると、
私のfacebookのページが開きます。
まず、画像編集ソフトのJtrimとGIMPで
下記の二つのボタンを作成しました。
フリースペースへHTMLを
CSS編集画面へCSSの追加をしていきます。
これで、保存すると、
ブログの上部右上は、次のようになりました。
このボタンを設置すると、メリハリがついて
見栄えもいいですよね。
今回特に工夫をした箇所は、
（１）ボタンの上に透明の四角な図形を作り、その図形にリンクさせたこと。
（２）ボタンの上にポインタを乗せると、図形の色が変わると同時に説明文が表示されるようにしたこと。
今回は、以上です。
最後まで読んでいただき、
ありがとうございました。
少しでもお役に立ちましたら、
応援お願いします!!
