jQueryでツイート数、はてブ数、いいね数を取得して自由にデザインする方法 | アンギス
注意※Twitterのツイート数の取得のコードについて この記事のコードでは後日、ツイート数の取得ができなくなるとご指摘いただきました。確認したところ2013年5月7日に行われるTwitterの仕様変更によりツイート数の取得ができなくなってしまいます。（それについての記事）その他はてブ、いいね数のコードにつきましては正常に動作します。問題のコードはサンプルとして残しておきますが、ご利用の際はくれぐれもご注意ください。今回の件についてご指摘くださった方々に御礼申しあげます。そして、すべてのユーザーの方々に不確かな情報を提供してしまったことをお詫び申しあげます。 さらに追記※Twitter APIの仕様変更について Twitter APIの仕様変更後もこのコードで動作し続けています。もともとAPIのリファレンスにも載っていませんしいつ仕様が変更されるかわかりません。ご利用の際はくれぐれも気をつ
Webサイトの作り方のまとめ！トップページ完成まで。
サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3（+α）回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン／おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道：サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines（埋め込みタイムライン） トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す
[JS]超軽量で設置も簡単！Facebook, Twitter, Google+のボタンを設置するスクリプト -SocialCount
デモページ：カウント付きで縦並び SocialCountの使い方 使い方のステップは、2つ。 これ以上ないくらいに簡単です。 Step 1: 外部ファイル スタイルシートとスクリプトを外部ファイルとして設置します。 まずは、スタイルシートをhead内に。 <head> <link rel="stylesheet" href="../src/socialcount.css"> </head> アイコンを使用する場合は、もう一つ外部ファイル（socialcount-icons.css）を加えます。 続いて、スクリプトをページの下の</body>の上に。 ... <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="../src/socialcount.js"></script> </bod
[はじめてのjQuery]トップバー左側のSNSボタンにツールチップを付けてみた
今月頭にブログのリニューアルを行ったわけなんですが、トップ画面左上にある各種SNSボタンにhoverした際に説明書きをツールチップにて出してみる挙動を実装してみました:) （PCで見てね） ↑こんな感じで各種マークにカーソルを合わせるとそのマークの説明がでてきます。 コード まぁすんごい簡単な実装ですが、マークアップなどを記しておきませう。 html [html] <div id="topSocial"> <ul> <li><a href="https://twitter.com/OZPA" target="_blank"><img src="twitter.png" /></a><span>管理人のTwitter</span></li> <li><a href="http://www.facebook.com/ozpahyou4" target="_blank"><img src="fa
![[はじめてのjQuery]トップバー左側のSNSボタンにツールチップを付けてみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/65f39d07e66d72ced9cca86cd65d4dfaa3f5a63b/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20121030-005552.jpg)
ソーシャルサイトへのシェアボタンのデザインを統一させられるjQueryプラグイン「Koottam」:phpspot開発日誌
ソーシャルサイトへのシェアボタンのデザインを統一させられるjQueryプラグイン「Koottam」 2012年05月17日- Koottam Social jQuery Plugin | Customized Facebook, Twitter, Google Buttons Using Cross Browser CSS3 ソーシャルサイトへのシェアボタンのデザインを統一させられるjQueryプラグイン「Koottam」 Twitter, Facebook, Pinterest, Google+ などのソーシャルシェア数を表示しつつデザインを統一できるjQueryプラグインです。 いろんなサイトのソーシャルボタンを設置するとどうしてもダサくなってしまうのですが、これを解決できますね。シェア数も表示できていいです 関連エントリ Facebook,Twitter,Google＋の独自デザイン
「いいね！」されたオススメ記事をひょこっとブログ下部に表示させるFacebookアプリ「Recommendations Bar｣を導入してみた
「いいね！」されたオススメ記事をひょこっとブログ下部に表示させるFacebookアプリ「Recommendations Bar｣を導入してみた RECOMMENDED! / jm3 Facebookにて「いいね！」を2つ以上された記事をランダムに、ブログ下部へひょっこりと飛びだたせてくれるFacebookアプリ｢Recommendations Bar｣を導入してみました:) 導入は超簡単！ 参考にさせて頂いたのは@cazuki さんのブログ[M] mbdbの以下の記事より。 ひじょーーーに丁寧な導入への解説がされておりますのでごらんくだしあ！ 誰でもカンタン! Facebookの｢Recommendations Bar｣を設置する方法 | [M] mbdb さて、私はすでにFacebookのアプリIDを取得していたので、アプリのコードを取得して、「single.php」の記事吐き出しコード
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
