ワンコウォッチの貼り方と綺麗に配置する方法
May 08 [Sat], 2010, 18:13
ワンコウォッチの貼り付け方が分からない！という方やサイドバー上で微妙に左や右にずれたり、下に余白がなくて気持ち悪い！という方のためにワンコウォッチの綺麗な貼り方を説明しますね！
■ワンコウォッチの貼り方
１．いつもブログを書いている管理画面（マイページ）で[デザイン▼]ボタンをクリックします。
２．[サイドバー]と書かれたタブをクリックします。（少々分かりづらいです。探してみてくださいー。）
３．[サイドバーの追加]と書かれたタブをクリックします。
４．サイドバー名に「ワンコウォッチ」と入力し、下のエリアに下記コードを貼り付けて保存を押してください。
<script type="text/javascript" src="http://www.wanko-w.jp/wanko-watch/wanko-w.js"></script>
５．設定を保存しました。と出たら、とりあえず、サイドバーの登録は終わりですが、次に、実際のブログ上に配置しないと自分のブログには反映されません。 といってもこれはすごく簡単です！ [デザイン▼]→[サイドバー]と選ぶと「並び替え」と書かれたテキストリンクがあるのでこれをクリックします。
６．使用しない機能の中から「ワンコウォッチ」をドラッグして、右側の好きな場所でドロップします。つかんでぐいーっともって行く感じです。[PR]欄以外のどこでも好き場所に設置できますのでお好きなところに設置してみてください！
７．[保存]を押すと自分のブログにワンコウォッチが出現します！
■ワンコウォッチを綺麗に配置する方法
次にワンコウォッチの配置はうまくいくんだけど、ちょっと表示位置を調整したいなーという方のためのTIPS集をまとめておきますね！
まずは[デザイン▼]→[サイドバー]→[マイサイドバー]と入ってもらいます。
そこでサイドバーからワンコウォッチ（を設定した名前の部分）の横に書いてある[編集]ボタンをクリックします。
そしてもともと貼ってはったワンコウォッチのタグを症状にあわせて以下のように直してください。
・上下に余白をつけたい方は…
下記のコードを貼り付けてください。
-------------------------------------
<div style="margin-top:10px; margin-bottom:10px;"><script type="text/javascript" src="http://www.wanko-w.jp/wanko-watch/wanko-w.js"></script></div>
-------------------------------------
ピクセル部分を調整することで余白の量を調整できますよ！
上記はmargin-top:10px（上の余白10ピクセル）margin-bottom:10px（下の余白10ピクセル）で設定してあります。
・サイドバーの左や右に寄ってしまって、真ん中に表示したい方は下記のコードを埋め込んでください。
-------------------------------------
<div align="center"><script type="text/javascript" src="http://www.wanko-w.jp/wanko-watch/wanko-w.js"></script></div>
-------------------------------------
・難しいことはよくわからない！という人は以下のコードを貼り付けてみてください。
-------------------------------------
<div style="margin-top:10px; margin-bottom:10px;" align="center"><script type="text/javascript" src="http://www.wanko-w.jp/wanko-watch/wanko-w.js"></script></div>
-------------------------------------
それでは今日もいいワンコライフをお過ごしください！
ワンコ好きの輪が広がりますように！
■ワンコウォッチの貼り方
１．いつもブログを書いている管理画面（マイページ）で[デザイン▼]ボタンをクリックします。
２．[サイドバー]と書かれたタブをクリックします。（少々分かりづらいです。探してみてくださいー。）
３．[サイドバーの追加]と書かれたタブをクリックします。
４．サイドバー名に「ワンコウォッチ」と入力し、下のエリアに下記コードを貼り付けて保存を押してください。
<script type="text/javascript" src="http://www.wanko-w.jp/wanko-watch/wanko-w.js"></script>
５．設定を保存しました。と出たら、とりあえず、サイドバーの登録は終わりですが、次に、実際のブログ上に配置しないと自分のブログには反映されません。 といってもこれはすごく簡単です！ [デザイン▼]→[サイドバー]と選ぶと「並び替え」と書かれたテキストリンクがあるのでこれをクリックします。
６．使用しない機能の中から「ワンコウォッチ」をドラッグして、右側の好きな場所でドロップします。つかんでぐいーっともって行く感じです。[PR]欄以外のどこでも好き場所に設置できますのでお好きなところに設置してみてください！
７．[保存]を押すと自分のブログにワンコウォッチが出現します！
■ワンコウォッチを綺麗に配置する方法
次にワンコウォッチの配置はうまくいくんだけど、ちょっと表示位置を調整したいなーという方のためのTIPS集をまとめておきますね！
まずは[デザイン▼]→[サイドバー]→[マイサイドバー]と入ってもらいます。
そこでサイドバーからワンコウォッチ（を設定した名前の部分）の横に書いてある[編集]ボタンをクリックします。
そしてもともと貼ってはったワンコウォッチの
・上下に余白をつけたい方は…
下記のコードを貼り付けてください。
-------------------------------------
<div style="margin-top:10px; margin-bottom:10px;"><script type="text/javascript" src="http://www.wanko-w.jp/wanko-watch/wanko-w.js"></script></div>
-------------------------------------
ピクセル部分を調整することで余白の量を調整できますよ！
上記はmargin-top:10px（上の余白10ピクセル）margin-bottom:10px（下の余白10ピクセル）で設定してあります。
・サイドバーの左や右に寄ってしまって、真ん中に表示したい方は下記のコードを埋め込んでください。
-------------------------------------
<div align="center"><script type="text/javascript" src="http://www.wanko-w.jp/wanko-watch/wanko-w.js"></script></div>
-------------------------------------
・難しいことはよくわからない！という人は以下のコードを貼り付けてみてください。
-------------------------------------
<div style="margin-top:10px; margin-bottom:10px;" align="center"><script type="text/javascript" src="http://www.wanko-w.jp/wanko-watch/wanko-w.js"></script></div>
-------------------------------------
それでは今日もいいワンコライフをお過ごしください！
ワンコ好きの輪が広がりますように！
[ この記事を通報する ]
- URL：http://yaplog.jp/wanko-w/archive/12
ニックネーム：ワンコウォッチ／ケン
