こんにちは、toshihiroです。

moshimoさんのショップ（ホームページ）作成ツール超できすぎくんの便利な使い方をここに記載していきます。

超できすぎくんを使うと初心者でもホームページ作成のＡＢＣを知らなくてもショップが作れます。

今回は、ブログなどでおなじみのブックマークを設置する方法を解説します。
ブックマークに登録することで、SEOに効果がある？かも
使い方はヤフー・グーグル・ツイッターなどにご自身が登録しているプロバイダなどのIDとpasswordを入力して、ご自身のブックマークに登録します。公開・非公開があり、コメントにショップのPRを載せることが出来ます。
ブックマークで代表的なのは、AddClips
URL：http://www.addclips.org/にアクセスして、をクリックします。
ボタンの種類、ボタンの機能、サイトの種類、ボタンの動きとカラー、統計情報の使用を設定して、をクリックします。
以上で、ブックマークのボタンのソースが表示されます。
左の画像は、私のショップのトップページです。
ブックマークをはり付けています。
左の画像をクリックすると別ウインドウで開きますので、確認して見て下さい。
 
 
 

設定により異なりますが、できあがったソースは、このままでは、超できすぎくんでは使えませんので、moshimoさんのもしチャレメンバーズルームのページ左側のの上の段のテキストエリアに先ほどのコードをコピペし、「変換する」ボタンをクリックし、その下に出来たソースをメモ帳などにコピペしておきます。
超できすぎくんの設定したい場所に自由テキストを挿入して、上記で出来たソースをコピペします。
このとき、</p></div>に続く部分ですが、
中央寄せの場合 … <div align="center">
左寄せの場合     … <div align="left;margin-left:30px;">
右寄せの場合     … <div align="right">とします。
次に、ソースをはり付けます。
</div><div><p>となります。
ちなみに、この変換は、通常JavaScriptの記述は、コメント文（）の形をとりますが、超できすぎくんでは、コメント表示を削除しています。

オリジナルのソース

<!-- AddClips Code START -->
<script type="text/javascript">
<!--
AddClipsUrl = location.href;
AddClipsTitle = document.title;
AddClipsId = '16739BE70DEBF';
AddClipsBcolor='#0080FF';
AddClipsNcolor='#7AB1F5';
AddClipsTcolor='#FFFFFF';
AddClipsType='11';
AddClipsVerticalAlign='middle';
AddClipsDefault='bookmark';
// -->
</script><script type="text/javascript" src="http://js.addclips.org/v2/addclips.js" charset="utf-8">
</script>
<!-- AddClips Code END -->

変換後のソース

<script type="text/javascript">
AddClipsUrl = location.href;
AddClipsTitle = document.title;
AddClipsId = '16739BE70DEBF';
AddClipsBcolor='#0080FF';
AddClipsNcolor='#7AB1F5';
AddClipsTcolor='#FFFFFF';
AddClipsType='11';
AddClipsVerticalAlign='middle';
AddClipsDefault='bookmark';
//
</script>
<script type="text/javascript" src="http://js.addclips.org/v2/addclips.js" charset="utf-8">
</script>

次回は、リンクべた郎くんのはり付け方法です。