NavigationRing
ブログパーツにして使うには?
ブログパーツの作り方
ブログパーツ用のタグセットは作成ページで作ることができます。 各ブログパーツの、パーツ作成のリンクから、作成ページへ進んでください。
作る前にどんなものかを見たい場合は、サンプルのリンクから作成例を見る事ができます。
Blogへの設置方法
ブログパーツ作成ページで作ったタグを、以下の例のようにそのまま自分のWebページへ貼り付けます。
貼り付け位置はbodyタグの直下をお勧めします。
青時の部分が追加するブログパーツ用のタグセットです。
※実際のタグセットとは内容が異なります。
<html>
: (headタグとか色々)
<body>
<script type="text/javascript">
var ____naviring_data={
"nasir_ring":{"version":"ImageRing/1.0.6","setting":{
"cursor":{"img":"http://nyatla.jp/ws/nr/img/cursor/default_sk.png","scaling":"1"},
"r":{"min":"150","max":"500"},"item":{"resize_mode":{"mode":"0","spread":"100",
"fixed_width":"0","fixed_height":"0"}},"mode":"2"},"items":{"item":[
{"img":"http://nyatla.jp/ws/nr/test/1.jpg","ext":{"link":"http://nyatla.jp/ws/nr"}},
{"img":"http://nyatla.jp/ws/nr/test/2.jpg","ext":{"link":"http://www.yahoo.co.jp"}}
]},"ext":{"customize":"LinkRing/0.1.1"}}};
</script>
<script src="http://nyatla.jp/ws/nr/index.php?c=ss&v=0.2&mode=rawjson&enc=EUC-JP" type="text/javascript"></script>
: (コンテンツとか色々)
</body>
ブログパーツ(グローバルリンクリスト)
グローバルリンクリスト(ページ埋め込みタイプ)
パーツ作成|サンプル
アイコン画像のURLとリンク先のURLをセットにして、グローバルリンク用のリングコマンドを作ります。
リングのデータもBlogに埋め込むため、別に設定用ファイルや配置用Webサーバーを用意する必要がありません。
ブログパーツ(Webサービス接続タイプ)
リングデータはNavigationRingサーバーが自動的に作るため、別に設定用ファイルや配置用Webサーバーを用意する必要がありません。
ニコニコ動画MyList
パーツ作成|サンプル
ニコニコ動画の公開マイリストからサムネイルと動画リンクのリングコマンドを作ります。タイトルには動画の説明を表示します。
AmazonECS商品リスト
パーツ作成|サンプル
Amazonから商品を検索して、商品画像と商品ページのリングコマンドを作ります。タイトルには商品名と値段(あるときだけ)を表示します。
アフィリエイトタグにも対応しています。
Hatena::fotolife
パーツ作成|サンプル
Hatena::fotolifeから写真を検索して、写真画像と写真ページのリングコマンドを作ります。
タイトルには、少し大きめの画像と写真の名前を表示します。
Youtube
パーツ作成|サンプル
Youtubeの検索結果から、サムネイルと動画リンクのリングコマンドを作ります。
今のところタイトルには未対応です。
ブログパーツ(リングデータ参照タイプ)
リングデータを自分で用意するときには、インターネットに接続したWebサーバーに置くようにします。 詳しくは、Webページに取り付けるには?を参考にしてください。
NavigationRingXMLタイプ
パーツ作成
Webサーバーに置いたNavigationRingXMLの設定情報から、リングコマンドを作ります。
NavigationRingJSONタイプ
準備中です。
Navigation Ring version 0.2.x
NasirRing SDK version 1.1.02