忍者ブログ
moshimoさんのショップ(ホームページ)作成ツール超できすぎくんの便利な使い方をここに記載していきます。
[32]  [31]  [30]  [29]  [28]  [27]  [26]  [25]  [24]  [23]  [22

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

ブックマークを設置しよう

こんにちは、toshihiroです。

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

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

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



設定により異なりますが、できあがったソースは、このままでは、超できすぎくんでは使えませんので、moshimoさんのもしチャレメンバーズルームのページ左側のaddclipsソースコード変換ツールの上の段のテキストエリアに先ほどのコードをコピペし、「変換する」ボタンをクリックし、その下に出来たソースをメモ帳などにコピペしておきます。
超できすぎくんの設定したい場所に自由テキストを挿入して、上記で出来たソースをコピペします。
このとき、</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>

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

拍手[0回]

PR

とても参考になりました
超できすぎくんをカスタマイズしたいと思い検索していたところ、こちらにたどり着きました。
ランキング1位~3位の表示は早速私も試してみました。ありがとうございました!

ところで、見本ページにある「あ、あれ探そう。商品検索」ボタンはどのように設置するのでしょうか?

お名前
タイトル
文字色
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
非公開コメント
この記事にトラックバックする:
カレンダー
09 2017/10 11
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
フリーエリア

超できすぎ君を使いこなしているショップです。
とても参考になる素敵なショップです。
私のブログと合わせてご参考にしてください。



最新トラックバック
プロフィール
HN:
toshihiro
性別:
男性
バーコード
ブログ内検索
アクセス解析
カウンター

忍者ブログ [PR]

graphics by アンの小箱 * designed by Anne