ブログ・サイトに貼る主要ソーシャルサービスのボタンソースジェネレータ
はてなブックマークとかTwitterのつぶやくボタンはブログやサイトにあると便利ですよね。でも作るときにいちいちソース探すのも手間やし、一括一発でソースコピれるやつがあったら便利かなと思ったので一発でソース生成するやつ作りました。
URLとタイトル入れて「これでつくる」ボタンクリックでソースが表示されるのでコピって使えると思います。
今のところ対応してるのは
- はてなブックマーク
- Facebookのいいね
- Evernoteのクリップ
- mixiチェック
- mixiイイネ
です。必要なやつだけコピって使ってください。mixiが要るのかはアレです・・・
使い方など
- 用途を選ぶ。WPとMTの場合はURLとタイトル必要ないです。出てきたソースをループの中に入れるだけですね
- はてブ・Twitter・Facebookのボタンは大きいサイズも選べます（プレビューはずれるけど気にしない）
- mixiのボタンを利用する場合は、チェックキーを取得して入力してください
チェックキーの取得は西畑さんの記事を参考にしてください : チェックキーの取得について – to-R - 「これでつくる」ボタンをクリックする
- 生成されるボタンのプレビューがみれます
- 表示されたソースコードをコピーペーストする。タブクリックすると個別のソースコードでコピーできます
※ Evernoteも入れたかったけど項目が多くてあきらめました・・・
ジェネレータ
※ iframeで表示しているのでRSSで読んでる方は記事で見てください :)
ジェネレータのボタンはCSS3 でボタンを作る為のテクニック、サンプル集 – CSS Lectureのサンプルボタンをそのまま使わせてもらいました・・・ｗ
何か役に立つことがあったらシェアしてみてください
Leave a comment
Trackbacks: 3
- Trackback URL for this entry
- Listed below are links to weblogs that reference
- ブログ・サイトに貼る主要ソーシャルサービスのボタンソースジェネレータ from 5509
-
pingback from このブログのデザインリニューアルをしたよ | waratsuyoshi.jp [...] ソーシャルサービスのリンクは5509さんのツールを使わせていただきましたm(__)m [...]
-
pingback from [...] 更。ついでにFacebookのいいね！ボタンとはてなブクマのボタンを設置。 これはブログ・サイトに貼る主要ソーシャルサービスのボタンソースジェネレータを利用させてもらって簡単作成♪ [...]
-
pingback from スクロールしてもついてくる！ブログにソーシャルボックスをつけよう。 | ウェビメモ [...] ブログ・サイトに貼る主要ソーシャルサービスのボタンソースジェネレータ :: 5509 [...]
Comments: 3 - Leave a comment
大変参考になります！自分のブログにも設置させてもらいましたぁ！
本も読んでますよ～ｗ
これはかなり便利ですね！使わせて頂きます～
後ボタンの紹介もありがとうございます！
こちらこそいつもお世話になってます
というかCSS3の記事みまくってます・・・ｗ