お正月休みに私がしたブログ見直しの試みあれこれ - Design Color
今回の試みたブログの見直し 今回行った大きなブログ見直しは以下の通りとなっています。 他の記事への「おすすめ」の仕方を強化 関連記事にサムネイルを追加 facebookの「Recommendation Bar」を追加 サイドバーの充実化 「人気記事」の表示 「はてなブックマークの人気記事」の表示 Facebookページ作成 他の記事への「おすすめ」の仕方を強化 とにもかくにも、願いはただひとつ。時間があれば、他の記事もぜひ読んでもらいたい！…ということで、他の記事への「おすすめ」の仕方を自分なりに強化してみました！ 関連記事にサムネイルを追加 今までは記事下に関連記事をテキストのみのリスト表示で出していました。ですが、サムネイルがないとどんな記事かパッと見てイメージがつきづらいし、「クリックしたくはならない」のかなあ…ということで、こちらにサムネイルを追加することに。 さらに、今までのコー
XMLのWebAPIを爆速で使いこなせるフレームワーク
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。先日、爆速JSONPを使うと、JSONPのWebAPIを簡単に使いこなせることを示しました。 とは言っても、JSONPに対応していないWebAPIも数多くあります。ニュースAPI、知恵袋API…。これらは現時点ではXMLしか対応しておらず、爆速JSONPではブログパーツ化できません。 …いや、「ブログパーツ化できませんじゃなくて、とっととJSONPに対応しろよ」とお叱りを受けるところなんですが、実はXMLなら何でもJSONPに変換することのできる「YQL」というサービスがあり、これを使うことでカバーする方法があるのです！ YQLの説明は後にして、まずはデモをご覧くだ
アクセスアップに効果的かも!?Facebookコメントの設置方法
最近色んなブログで見られるようになってきたので、FC2ブログについているコメントをFacebookコメントに代えました。 とはいっても、今までいただいたコメントがなくなるのはもったいないので、FC2ブログ側は過去のコメントは残して投稿をできないようにしました。 Facebookコメントにはメリットとデメリットがあると思いますが、個人的にはメリットのほうが大きいかなと思い設置しました。 メリット Facebookコメントだと、コメントした人のウォールに記事が表示されるのでアクセスアップにつながるかも 実名なので心無いコメントも減るかも（このブログではあまりありませんが） Facebookにログインしていれば簡単にコメントできる デメリット レイアウトが限られる Facebookのアカウントを持っていないとコメントできない Facebookコメントをやめたときに過去のコメントが台無しになる で
ツイッターの超高機能な検索結果をブログに表示させるウィジェット「Tweet Blender」 | 日刊ウェブログ式
以前に「twiclur」というツイッターの検索結果をブログに表示させるウィジェットを記事にしましたが、設定できる範囲が微妙な部分は否めませんでした。 今日ご紹介する「Tweet Blender」は、ブログにつぶやき一覧を表示するだけでなく、複数ユーザーを設定することもでき、リプライやリストのつぶやきまでとかなり細かい設定が出来るブログパーツです。 ブログに何を表示できるか 以下は、サンプルです（API制限中の方の為にキャプチャも）。 通常、自分のつぶやきだけを表示させるタイプのブログパーツ（公式のウィジェットとか）が一般的かと思います。 しかし、友人のつぶやきも同時に表示させたい、リプライやリストのつぶやきも表示させたい、といったこともあるかもしれません。「Tweet Blender」とは、要するにそういう融通の利きまくるブログパーツです。 もちろん、複数のユーザーを任意で設定することはお
IEでzenbackとjQueryのコンフリクトによる不具合を回避する方法
IEでzenbackとjQueryのコンフリクトによる不具合を回避する方法を紹介します。 １．問題 IEでzenbackとjQueryプラグイン（例えばjQuery ligthboxプラグイン）を併用する場合、次のようなソースコードになると思います。（zenbackのコードは便宜上改行しています）。赤色がjQueryプラグイン、青色がzenbackです。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript"> $(function() { $('#gallery a')
Twitter検索結果をリアルタイム表示するjQueryプラグイン「monitter」徹底解説
Twitterの検索結果をリアルタイム表示するjQueryプラグイン「monitter」を紹介します。スクリーンショットは「Android」の検索結果をリアルタイム表示したものです。 このプラグインはやや古いもので、現在では公式の検索ウィジェットもありますが、公式のものは日本語の設定が面倒なのとデザインが限られるので、意外にこちらの方が使いやすいかもしれません。 １．機能 Twitterの検索APIとjQueryプラグインを組み合わせてウィジェットをウェブサイトに表示し、ウィジェットに検索結果をリアルタイムで表示します。 ウィジェットは1つのページに複数設置できます。設定方法については４項以降で解説します。 ２．公式サイトのデモ 公式サイトでデモを確認できるので、操作方法を紹介します。 公式サイトの「monitter」にアクセスします。 ページ左上にある「tweets containing
Facebook のソーシャルプラグインを導入しよう | バシャログ。
久々に揺れた！（8/17 9:25 頃） 現在進行形の話題を出してライブ感を醸し出してみました。kimoto です。 本日はいろんなサイトで最近よく見かけるであろう Facebook のソーシャルプラグインをいくつかご紹介します。 ハッキリ言ってこのソーシャルプラグイン、解説するまでもなくむちゃくちゃ簡単です。 こんな簡単なの、なにドヤ顔で記事にしてんの？って思われる方もいらっしゃるかもしれませんが、そこはご容赦くださいませ。 Facebook のソーシャルプラグインのページはこちら。 2012/1/19 追記 その 2 を書きました。よければこちらもどうぞ。 Like Button まずはFacebook の代名詞とも言える、「いいね！ボタン」です。 基本的にはそのページの URL を指定して、「このページ、このくらいいいね！って言われてますよ！あなたもどうぞ！」っていうのを閲覧者見せる
ブログパーツに忍ばせた隠しリンクでペナルティ
日本語で言うところの「ブログパーツ」に自分のサイトへのリンクを挿入しておき、被リンクを集める「ウィジェットベイト(Widget bait)」という手法があります。 ブログパーツに人気が出て、あちこちのブログに設置されると自動的に被リンクが張られる仕組みです。 このウィジェットベイトを悪用して、ユーザーが気付かないようなリンクを忍ばせておいてペナルティを受けたサイトが出ています。 webdesignsim.comというサイトは、Facebook用のブログパーツを配布していました。 ところがこのブログパーツには「SEO」や「κατασκευη ιστοσελιδων」（ウェブデザイン）のようなキーワードをアンカーテキストにしたリンクが display:none で訪問者には見えないように隠されています。 もちろんブログパーツを貼ったサイト管理者にも見えません。 でもGoogleには見えるのでリ
Twitterボタン: ブログ用のTwitterボタンブログパーツ配布サイト
誰でも手軽に設置できる無料のtwitterボタン。ブログやウェブサイトに設置してtwitterアカウントのFollower数をアップ！下のボックスにあなたのTwitterアカウントIDを入力し、[Go]ボタンをクリックしてみてください。 あなた専用のTwitterボタンのコードが発行されます。そのコードをあなたのブログに貼るだけで、あなたのブログを見に来た人がすぐにあなたのTwitterアカウントを見つけられるようになります。 <a href="http://twitter.com/YourLink" target="_blank"><img src="http://twitbtn.com/images/buttons/button_new01a.gif" alt="Twitterボタン" border="0" /></a><br /><a href="http://twitbtn.co
Dynamic Feed Control(Google AJAX Feed API)のCSSカスタマイズ
設置方法やJavaScript部分については「Google AJAX Feed API - Dynamic Feed ControlでRSSを表示」をご覧ください。で、今回は以下のようにカスタマイズしてみました。 とりあえずコードを載せてみます。APIキーを取得すればコピペで動くはずです。 <script src="http://www.google.com/jsapi/?key=取得したAPIキー" type="text/javascript"></script> <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script> <style type="text/css"> @import url("gfdynami
【解決】jQueryを利用しているブログで、IEでの閲覧が上手く動かない場合の対応方法について
2013/6/26 本問題は解消しました。今後はjQuery利用のサイトでZenbackを設置いただき、IEで閲覧しても問題なくウィジェットが表示されます。 zenbackは、スムーズな読み込みを実現するエフェクトのためなどにjQuery 1.4.2を利用しています。 そのため、ブログ側で違うバージョンのjQueryを利用しているサイトでは、IEのみjQueryのコンフリクトが発生し、zenbackが表示されないことがございます。※大手ブログサービスをご利用で、ご自身でjQuery設置を含むカスタマイズを行っていなければ、本件は対応不要ですのでご安心ください。 この事象を回避するには、お手数ですが、ブログ側で利用している jQuery で以下のようなご対応をお願いいたします。 （１）jQuery の関数名を '$' で利用するのではなく、 'jQuery' で開始するようにする。 （２）j
Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」:phpspot開発日誌
Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 2011年01月28日- WordPressにソーシャルブックマークボタンを楽々設置：WP Social Bookmarking Light | NINXIT-BLOG Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 インストールして有効にすればすぐさま、次のようなボタンを記事上や記事下に設置できるプラグインです。 管理画面から並びを変えたり、ボタンを追加したりすることが容易にでき、はてぶ・ツイッター・facebookだけ、という感じでチョイス可能。 普通に設置しようと思うと大変ですが、プラ
あなたのWebサイトに導入できるFacebookソーシャルプラグイン5個 - かちびと.net
多くのサイトでFacebookのソーシャル プラグイン（いいね！ボタンとか）の導入 を見かけるようになりましたが、プラグイン の種類はいくつかあります。殆ど使われ ているのを見かけないので、なんとなく ご紹介してみようと思いエントリー。 ハードなFacebookユーザーなら知ってて当たり前かもしれませんけど、まだ普及し初めて間もないので一応ご紹介したいと思います。現状使われているソーシャルプラグインとさほど大差無いので特に使い分ける必要が無いのかも知れませんけど・・・一人でも「こんなのあったのか」と思って頂ければ幸いです。 Like Button 最もよく見かける「いいね！ボタン」です。こちらは、いいね！している友達のアイコンの表示も可能ですが、噴出しを利用している方が大半のようです。アイコンは後述するFacepileで実装可能です。 Demo Like Button Facepile F
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カスタマイズがかなり自由なRSSウィジェットジェネレータ『FeedGrabbr』 | 100SHIKI
SEOブログパーツ[コラボ]-「Only One」「Oh! Fey」 - SEO対策 ドットコム
みんなの足跡『あし＠』
ウェブ上で投票できるフォームを簡単に作れるサイト「Pollmo Polls」 : ライフハッカー［日本版］
Twitter, Facebook, Google+1などソーシャルメディアを活用するWordPressのプラグイン
http://www.google.com/webmasters/%201/button/index.html
IDEA * IDEA
