FC2ブログ

プロフィール

Takuma Saitou

Author:Takuma Saitou
■ 自己紹介 ■■■■■■
コンテンツデザイナー・ディレクター
将来の夢はデザインの出来るウルトラマンになること。

↓↓↓↓↓↓↓
プロフィール詳細

■ 個人HP ■■■■■■
個人のイラスト作品から、お気に入りの写真の掲載・壁紙・メッセンジャー画像 配布してます。

↓↓↓↓↓↓
Takuma Saitou Art Works


カテゴリー


最近の記事


月別アーカイブ


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
takumart

いってらっしゃいませ。お気を付けて。“@monotcool: フライト12時間だけど寝たら負けだと思うんよな。時差ボケ対策の意味で。”
07-09 19:57

takumart tweet 2011-07-08

  1. takumart's Bookmark- 魔女の宅急便を100倍面白く見るトリビア - NAVER まとめ: 魔女の宅急便を100倍面白く見るトリビア - NAVER まとめ魔女の宅急便を100倍面白く見るトリビア Takumart http://bit.ly/oA8G6v
  2. @appy_n_n はい。なんとか食ってますw宜しくお願いします!
  3. 扇風機が、これほどに買えないのは初めてだ。非常時だと痛感…
  4. takumart's Bookmark- 主婦の約4割がプリクラや写真などをSNSサイトやブログにアップすることに「抵抗はないと」回答 - ソーシャルリリース/プレスリリースの配信・方法なら【PR News】-インターネット... http://bit.ly/9qp0VI
  5. takumart's Bookmark- GLOW (グロー) - 女性ファッション雑誌ガイド: GLOW (グロー) - 女性ファッション雑誌ガイドGLOW(グロー)-2011年8月号--2011年7月号--2011年6月... http://bit.ly/ox6kl0

Powered by t2b

takumart

takumart's Bookmark- 魔女の宅急便を100倍面白く見るトリビア - NAVER まとめ: 魔女の宅急便を100倍面白く見るトリビア - NAVER まとめ魔女の宅急便を100倍面白く見るトリビア Takumart http://bit.ly/oA8G6v
07-08 20:04

@appy_n_n はい。なんとか食ってますw宜しくお願いします!
07-08 19:44

扇風機が、これほどに買えないのは初めてだ。非常時だと痛感…
07-08 19:43

takumart's Bookmark- 主婦の約4割がプリクラや写真などをSNSサイトやブログにアップすることに「抵抗はないと」回答 - ソーシャルリリース/プレスリリースの配信・方法なら【PR News】-インターネット... http://bit.ly/9qp0VI
07-08 19:29

takumart's Bookmark- GLOW (グロー) - 女性ファッション雑誌ガイド: GLOW (グロー) - 女性ファッション雑誌ガイドGLOW(グロー)-2011年8月号--2011年7月号--2011年6月... http://bit.ly/ox6kl0
07-08 18:54

takumart tweet 2011-07-07

  1. takumart's Bookmark- iOSからFacebook APIを使ってWallに投稿するには(1/3) - @IT: iOSからFacebook APIを使ってWallに投稿するには(1/3) - @IT#im... http://bit.ly/oqsr54
  2. takumart's Bookmark- 「Yahoo!アクセス解析 終了のお知らせ」 >> Takumart.net | takumaの「デザインはあれでアートはそれで」: 「Yahoo!アクセス解析 終了のお知らせ」 >... http://bit.ly/qUSfxU
  3. takumart's Bookmark- Facebookビデオ通話の紹介ページ。: Facebookビデオ通話の紹介ページ。アカウント登録Facebookを使うと、友達や同僚、同級生、仲間たちとつながりを深められます。... http://on.fb.me/qEVGGI
  4. takumart's Bookmark- iPhoneに勝手に記録されているユーザーの行動履歴を地図上に表示『iPhoneTracker』 | Macの手書き説明書: iPhoneに勝手に記録されているユーザーの行動履歴を地... http://bit.ly/gGIgK9
  5. takumart's Bookmark- NEWS:倖田來未(こうだくみ)OFFICIAL WEBSITE: NEWS:倖田來未(こうだくみ)OFFICIAL WEBSITE倖田來未宝島社よりDVD発売! 26万部のセールス... http://bit.ly/p07V7S

Powered by t2b

takumart

takumart's Bookmark- iOSからFacebook APIを使ってWallに投稿するには(1/3) - @IT: iOSからFacebook APIを使ってWallに投稿するには(1/3) - @IT#im... http://bit.ly/oqsr54
07-07 20:12

takumart's Bookmark- 「Yahoo!アクセス解析 終了のお知らせ」 >> Takumart.net | takumaの「デザインはあれでアートはそれで」: 「Yahoo!アクセス解析 終了のお知らせ」 >... http://bit.ly/qUSfxU
07-07 18:04

takumart's Bookmark- Facebookビデオ通話の紹介ページ。: Facebookビデオ通話の紹介ページ。アカウント登録Facebookを使うと、友達や同僚、同級生、仲間たちとつながりを深められます。... http://on.fb.me/qEVGGI
07-07 11:42

takumart's Bookmark- iPhoneに勝手に記録されているユーザーの行動履歴を地図上に表示『iPhoneTracker』 | Macの手書き説明書: iPhoneに勝手に記録されているユーザーの行動履歴を地... http://bit.ly/gGIgK9
07-07 11:10

takumart's Bookmark- NEWS:倖田來未(こうだくみ)OFFICIAL WEBSITE: NEWS:倖田來未(こうだくみ)OFFICIAL WEBSITE倖田來未宝島社よりDVD発売! 26万部のセールス... http://bit.ly/p07V7S
07-07 10:38

takumart tweet 2011-07-06

  1. takumart's Bookmark- 変更履歴の記録のオンとオフを切り替える - Word - Microsoft Office: 変更履歴の記録のオンとオフを切り替える - Word - Microsoft Offi... http://bit.ly/nDViVN

Powered by t2b

takumart

takumart's Bookmark- 変更履歴の記録のオンとオフを切り替える - Word - Microsoft Office: 変更履歴の記録のオンとオフを切り替える - Word - Microsoft Offi... http://bit.ly/nDViVN
07-06 12:11

takumart tweet 2011-07-03

  1. takumart's Bookmark- Tron: Legacy: Tron: LegacyThis site is best experienced with Internet Explorer 9 for Window... http://bit.ly/mJCnBR
  2. takumart's Bookmark- 「四角いソーシャルブックマークボタンを設置するまとめ」 >> Takumart.net | takumaの「デザインはあれでアートはそれで」: 「四角いソーシャルブックマークボタンを... http://bit.ly/jFMvsM
  3. takumart's Bookmark- LATTE HEART MESSAGE -想いで描く、じんわりラテアート-: LATTE HEART MESSAGE -想いで描く、じんわりラテアート-最後に誰かをじっくりと想った... http://latteheart.jp/

Powered by t2b

takumart

takumart's Bookmark- Tron: Legacy: Tron: LegacyThis site is best experienced with Internet Explorer 9 for Window... http://bit.ly/mJCnBR
07-03 03:22

takumart's Bookmark- 「四角いソーシャルブックマークボタンを設置するまとめ」 >> Takumart.net | takumaの「デザインはあれでアートはそれで」: 「四角いソーシャルブックマークボタンを... http://bit.ly/jFMvsM
07-03 00:43

takumart's Bookmark- LATTE HEART MESSAGE -想いで描く、じんわりラテアート-: LATTE HEART MESSAGE -想いで描く、じんわりラテアート-最後に誰かをじっくりと想った... http://latteheart.jp/
07-03 00:11

takumart tweet 2011-07-02

  1. takumarがokanに贈ったLATTE HEART MESSAGE http://t.co/VBmGwGE#latte_heart
  2. takumart's Bookmark- Facebookでいいね!ボタンが押されたときにニュースフィードに表示されるサムネイル画像を指定、変更する方法-がんばるデザイナ tuts!: Facebookでいいね!ボタンが押さ... http://bit.ly/l0wQOf
  3. takumart's Bookmark- facebook「シェア」ボタンの設置方法 - Hinemosu: facebook「シェア」ボタンの設置方法 - Hinemosufacebookの「シェア」ボタンを設置する方法を... http://bit.ly/ku8cL7
  4. ききながら久しぶりにブログ書いたりしつつ。
  5. 男子ごはんを録画してよくみているがジョージ・ハリスンのこの曲お気に入りhttp://www.youtube.com/watch?v=CcxhPrmjV4k http://fb.me/QE6TcT9B

Powered by t2b

ソーシャルブックマークボタン増えましたよね。
四角い大きいボタン増えましたよね。
Takumaです。
 

【四角】
1 正方形・長方形などのように、四隅にかどのある形。四辺形。四角形。また、そのようなさま。「―な(の)折り紙」「真(ま)―」
2 角ばっていること。また、そのようなさま。「―な顔」
3 人の態度・行動などが、型にはまって堅苦しいこと。また、そのようなさま。「―にかしこまる」(by Yahoo!辞書)

 



さてさて、昨今 ソーシャルブックマークボタンの設置は当たり前になり、ブログでは記事の人気の指標として大きく扱われるまでになりました。

そうですよね。そんな時代です。

と言う訳で、久しぶりにブログカスタマイズする時間が取れたので・・・
一気に増やしてみました。

「四角いソーシャルブックマークボタンを設置するまとめ」


■twitterボタン■■■■■■■■■■■■■■■■■

Twitter / ツイートボタン

厳密に言うと、ツイートボタンだそうです。以前より設置していたのは、
「垂直方向にカウント数を表示 」のボタン。

今回、他のボタンも設置する際に気付いたこと。ツイートボタンだけ横幅広すぎ。
コレの原因は、日本語用ボタンだからです。

------------------------------
ジェネレーターで生成されるうち、
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="takumart" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

のソースのうち、「data-lang="ja"」を外すことで、デフォルトの英語verに。
そうすると、他のボタンとおおむね近い横幅となります。
------------------------------
と言う形で設置したのが今のボタンです。


■Google+1(プラスワン)■■■■■■■■■■■■

プラスワン ボタン

ここで生成できる「大(60px)」を選択。
プラスワンボタンの場合、2種類のソース設置が必要で

------------------------------

(1)head 要素内または body 終了タグの直前に貼り付け
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
----------
(2)+1 ボタンを表示する箇所に貼り付け
<g:plusone size="tall"></g:plusone>

------------------------------

ちなみに、詳しい仕様やパラメーターについてはこちらに書いてあるようです。

▼ピックアップ▼
+1 ボタンをサイトに追加 - +1 button API - Google Code


■新はてなブックマークボタン■■■■■■■■■■■

使いやすくなりました! はてなブックマークボタン
「バーティカル 」を選択。

ジェネレーターで生成したコードのURL部分とブックマークタイトル部分をwordpress仕様に変更。
------------------------------
<a href="http://b.hatena.ne.jp/entry/<?php the_permalink() ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?>" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
------------------------------


■facebookボタン■■■■■■■■■■■■■■■■■

Like Button - Facebook開発者

ここでハードルなのが、開発者登録。
以前していたものの、携帯メアドでの認証が追加されていました。メンドイ。

さて、今回もリンク箇所をwordpress対応のコードに変更。
------------------------------
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=178761282184194&amp;xfbml=1"></script><fb:like href="<?php the_permalink() ?>" send="false" layout="box_count" width="50" show_faces="true" font="arial"></fb:like>
------------------------------
実は、「イイネ!」で表示される内容。
サイト側のメタタグで指定ができるのですね。
特に、表示される画像の指定はしたほうがいいですよね。
(※ページ上の記事と関係ない画像拾ってきますし・・・ボタンとかね。)

▼参考:ピックアップ▼
Facebookでいいね!ボタンが押されたときにニュースフィードに表示されるサムネイル画像を指定、変更する方法-がんばるデザイナ tuts!

■■■■■■■■■■■■■■■■■■■■■■■■■

facebookボタンの読み込みが遅いな・・・


■P.S:今日の気になったサイト■■■■■■■■■■■

▼ピックアップサイト▼
RaNa design associates, inc.

●んで、一言
おしゃれカフェといえば、ラテアート。
バーチャルでラテアートつくって、ツイートやfacebookに投稿できるコンテンツ。

以外と、作る工程がしっかり作られています。
ここまで作るならFlashだよなと思わせるほど、演出も細かくて、気合いが入った作りになっています。
んで、私がつくったラテアート。
LATTE HEART MESSAGE -想いで描く、じんわりラテアート-

■■■■■■■■■■■■■■■■■■■■■■■■■
takumart

takumarがokanに贈ったLATTE HEART MESSAGE http://t.co/VBmGwGE #latte_heart
07-02 23:53

takumart's Bookmark- Facebookでいいね!ボタンが押されたときにニュースフィードに表示されるサムネイル画像を指定、変更する方法-がんばるデザイナ tuts!: Facebookでいいね!ボタンが押さ... http://bit.ly/l0wQOf
07-02 21:00

takumart's Bookmark- facebook「シェア」ボタンの設置方法 - Hinemosu: facebook「シェア」ボタンの設置方法 - Hinemosufacebookの「シェア」ボタンを設置する方法を... http://bit.ly/ku8cL7
07-02 18:49

ききながら久しぶりにブログ書いたりしつつ。
07-02 17:16

男子ごはんを録画してよくみているがジョージ・ハリスンのこの曲お気に入りhttp://www.youtube.com/watch?v=CcxhPrmjV4k http://fb.me/QE6TcT9B
07-02 17:15

続きを読む »

takumart tweet 2011-06-30

  1. takumart's Bookmark- 国内スマートフォンOSシェア、アンドロイドがアップル抜く:MarkeZine(マーケジン): 国内スマートフォンOSシェア、アンドロイドがアップル抜く:MarkeZine(マーケジン... http://bit.ly/mLVrS2
  2. takumart's Bookmark- とてもプラスとは言えない『Google+』 - 毎日jp(毎日新聞): とてもプラスとは言えない『Google+』 - 毎日jp(毎日新聞)Google には時折、その先見の明のなさ... http://bit.ly/lW412t
  3. takumart's Bookmark- demo: demo Takumart http://bit.ly/jCmqgm
  4. takumart's Bookmark- Google +1 ボタンの設置方法 (WordPress対応) - kngy.net: Google +1 ボタンの設置方法 (WordPress対応) - kngy.netGoo... http://bit.ly/mf5VFv

Powered by t2b

takumart

takumart's Bookmark- 国内スマートフォンOSシェア、アンドロイドがアップル抜く:MarkeZine(マーケジン): 国内スマートフォンOSシェア、アンドロイドがアップル抜く:MarkeZine(マーケジン... http://bit.ly/mLVrS2
06-30 18:41

takumart's Bookmark- とてもプラスとは言えない『Google+』 - 毎日jp(毎日新聞): とてもプラスとは言えない『Google+』 - 毎日jp(毎日新聞)Google には時折、その先見の明のなさ... http://bit.ly/lW412t
06-30 17:05

takumart's Bookmark- demo: demo Takumart http://bit.ly/jCmqgm
06-30 15:30

takumart's Bookmark- Google +1 ボタンの設置方法 (WordPress対応) - kngy.net: Google +1 ボタンの設置方法 (WordPress対応) - kngy.netGoo... http://bit.ly/mf5VFv
06-30 14:58


Powered by FC2 Blog
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。