Steamのセール情報をブログ等に表示させませんか
広告
実際にブログのサイドバーに貼り付けるとこんなかんじになります。(サイドバー一番下。横幅がサイドバーの横幅に合わせられ、勝手に調節されているのがわかると思います。)
ブログ等に乗せる方法
広告
左側の縦に長い方
上のコードをブログの"フリーエリア"とか"HTML/Javascript"とかウィジェットとか書いてあるようなところに貼り付けます。
ブログパーツの横幅は貼り付けられた場所の親要素の内側の横幅に準じます。
コード上から2行目の
var yuge = {"maxresult":5}; この部分の5を10とか30とかに変えると表示される件数が増えます。
右側の勝手に変わる方
上のコードをフリーエリアとかHTMLとかそんな感じの事が書いてあるブログパーツを登録する場所に貼り付けます。
2行目のvar yuge = {"maxresult":5};の数値は上の方と同じく結果を増やしたり、減らしたりできます。
3行目のvar yuge_option = {"interval":6000,"fade":500};は6000を3000にすると3秒経つと表示が次の表示になります。
500を1000にすると消えたり付いたりするのに2秒(消えるのに1秒、つくのに1秒)かかります。つまりそういう数字です。好きに変更できます。
注意事項
プログラムとかよくわからない人が作ったのでなんか変になるかもしれません。
prototype.jsとか使ってる人は多分おかしなことになるので使ってはいけません。
無保証
わりとどうでもいいこと
広告
オブジェクト"yuge"はここのパラメーターになっています。callbackはjQueryが適当に決めるそうです。
要素には適当にクラスが振ってありますが、ゲーム名と値段は既にstyle属性を設定しているので上書きするときは! importantしたほうがいいと思います。
レンタルサーバー代とドメイン代のコストと広告収入が今のところトントンな感じなんで、一番下にでるYUGEへのリンクは出来れば消さないでください。(トラフィックとSEOに協力してねってことです)
id="yuge"に書き込むので2個置くのはダメです。そんな人いないだろうけど。
headにblogparts.min.jsとjQueryを置き、id="yuge"をbodyにおいたほうが相応しいとおもいます。
オプションをいじると特定のゲームの情報を出せます。例えばKilling FloorとCod:BO 2の紹介ページを書いたとして、このように設置すれば今の価格を表示出来ます。
powered by YUGE
上の表示は以下のような設定でできます。