coderwall のバッチをつけてみたよ!


coderwall のバッチをブログにつけてみましたー

coderwall については先日のぬRubyで @tricknotes から教えてもらったのです!
これは github で公開しているリポジトリや活動によってバッチがもらえるっていうサービスみたいなんだけど、すごい人達のバッチを眺めてたらちょっとテンションあがってしまいました!

基本的に各バッチには動物があしらわれているんですけど、どうやら古くからある言語ほど古い生物にしているっぽいです。幾分ネタもあるみたいだけど・・・w
(T-Rex かっこいいなぁと思ったけど、そのために C のコードを github に push するのはさすがにちょっと・・・w あと forked 系列のバッチがひどい気がするw)

ちなみにブログへのバッチのつけ方はこっちのページに書いてあるとおりで、基本的には coderwall の提供している css と script & jQuery を読み込ませて、バッチを表示したい位置に section タグを設定するだけです。

ではでは、、、
まずは head 内に次のコードを貼りつける
<link href="http://coderwall.com/stylesheets/jquery.coderwall.css" media="all" rel="stylesheet" type="text/css"></link>
<script src="http://coderwall.com/javascripts/jquery.coderwall.js">
あんど、バッチを表示したい場所に次のコードを適切に変更(ユーザー名と方向を指定)して貼り付け
<section class="coderwall" data-coderwall-username="(your username)" data-coderwall-orientation="(vertical or horizontal)"></section>
あと、注意が必要なのは jQuery が必要だってこと!
ちゃんと読んでなくて最初はまりました・・・
google とかの CDN を利用させてもらえばよいかと思う。
以下のコードを head 内に貼り付けー
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'> </script>
うまくいけばこんな感じ!できた?!

enjoy your social coding!!

コメント

  1. 面白そうですね。
    僕もさっそくサインインしてみました。
    ですが、まだバッチはなし・・・。
    精進しますw

    返信削除
  2. volpe_hd28v さん>

    おお、いつもありがとうございます!
    volpe さんところ、楽しみにしていたのですが"Heavy Lifting In Progress"ってずっとなってて見れなかったです。。。

    返信削除

コメントを投稿

このブログの人気の投稿

PostgreSQLで多次元配列を1次元配列に展開したい

React で input 要素に focus したい話

inotify でファイル監視しようず!