マウスについてくる画像を追加するやり方

CURSOR SWITCH』というサイトを使うと、
このページの様に、マウスにハート等の画像がついてくる様に出来ます♪
(マウスを動かしてみて下さい。ハートがついてきます♪)


マウスについてくる画像の種類は沢山ありますが、
どの画像も、下記の様な『CURSOR SWITCH』の
バナー広告をブログに設置する必要があります。




バナー広告を『ブログ記事』に設置するとその記事のマウスに、
『ブログ目次』に設置するとブログの全ての記事のマウスに、
画像がついてくる様になります(^^)/


今回は、
FC2ブログの目次に『CURSOR SWITCH』を設置して、
マウスについてくる画像を追加するやり方を解説させていただきます。



☆こんな感じになります♪
マウスについてくる画像0

『CURSOR SWITCH』の利用は、無料です。

※FC2ブログに登録してない方は、こちらを参照下さい。
FC2ブログに登録するやり方♪






1、CURSOR SWITCHにアクセスします。
 ・CURSOR SWITCH



2、お好みの画像の【このスイッチのコード&詳細】をクリックします。
マウスについてくる画像1



3、マウスに画像がついてくるので、プレビューを確認します。
マウスについてくる画像2



4、<!--カーソル・スイッチコード/-->で囲まれたコードをコピー。
マウスについてくる画像3







※以降、FC2ブログでの作業になります。
 FC2ブログに登録してない方は、こちらを参照下さい。
FC2ブログに登録するやり方♪



5、FC2ブログの管理画面より、【プラグインの設定】をクリック。
マウスについてくる画像4



6、【公式プラグイン追加】をクリックします。
マウスについてくる画像5



7、フリ―エリアの項目より、【追加】をクリックします。
マウスについてくる画像6



8、タイトルを入力し、『フリーエリア内容の変更』のボックスに
 『手順4』でコピーしたコードを貼付して、【追加】をクリック。
マウスについてくる画像7
※【タイトル】は何でも大丈夫です。



補足)貼付したコードの前もしくは後ろに
   半角英数で<br>と記述すると、1行分のスペースが出来ます。
マウスについてくる画像8




※『手順9』と『手順10』は、CURSOR SWITCHのバナー広告を
 目次の一番上に設定する作業です。行わなくても大丈夫です。



9、作成したフリーエリアの数字を『1』にして、【移動】をクリック。
マウスについてくる画像9



10、作成したフリーエリアが1番上になったら、完了です♪
マウスについてくる画像10



11、ブログを確認してみます。
  マウスにハートがついてくる様になりました♪
マウスについてくる画像11



補足)初期設定でカーソルスイッチをオフにしたい場合は、
   貼付したコードに赤字部分を追加記入して下さい。

<!--カーソル・スイッチコード/-->
<div style="width: 160px; text-align: center; margin: 0 auto; font-size: 10px;"><script src="http://www.cursor-switch.com/widgets/33/1351661901_OFF.js" type="text/javascript" charset="UTF-8"></script>
<a href="http://www.cursor-switch.com/widget/33" target="_blank">スイッチ</a></div>
<!--カーソル・スイッチコード/-->



マウスに画像が付いてくるとオシャレ感が増します(^^)/
CURSOR SWITCHには、沢山の画像がありますので、
お好みの画像をマウスに付いてくる様にして下さいね♪


関 連 > 上から降ってくる画像を追加するやり方♪
    > テンプレート変更のやり方♪

            
FC2ブログランキングに参加中です!
クリック応援していただけると嬉しいです(^^)/
↓ ↓ ↓




関連記事

コメント

コメントの投稿


管理者にだけ表示を許可する

FC2ブログマニュアル♪

akineko


FC2ブログをカスタマイズする
マニュアルを解説いたします♪


FC2ブログ【全体部分】


テンプレートを変更する


FC2ブログに表示される
 検索バーを消す



上から降ってくる画像を追加する


マウスに付いてくる画像を追加する


FC2マニュアル♪

akineko


FC2のおすすめ無料サービスの
マニュアルを解説いたします♪