金銭詐欺に遭った男のネットビジネス脱出戦略

 

ブログを開設して、
はじめて質問をいただきました。

 

あなたも同じような問題にぶつかっているのなら参考になると思いますので
シェアしますね。

 

 

          「どうしても縦に並んでしまいます。」

 

Tさんからのご質問

 

 ■メルマガやブログ、HPへの引用可否(フリー02): 引用可(名前→イニシャル)
 ■お問い合わせ内容(フリー03)

 

 

以下のタグなのですけど、どうしても縦に並んでしまいます。

 

"float;left">を"float;center"と"float;right"に

 

するのか・・・と思いやってみたのですが、だめです。

 

 

 

<ul style="list-style;none;padding;0;">
<li style="float;left">

 

<a href= で始まるリンクコード

 

</li>
<li style="float;left">

 

<a href= で始まるリンクコード

 

</li>
<li style="float;left">

 

<a href= で始まるリンクコード

 

</li>
</ul>

 

 

横に並べるにはどうしたらよいのでしょうか?

 

(1)サイト作成ツール:シリウス
(2)リンクコード:リンクシェア

 

 

 

   「リンクシェアのコードは、楽天とはタイプが違うので
   すんなりとはいかないですね。」

 

 

【マナガツオの回答】

 

Tさん

 

こんにちは、マナガツオです。

 

お問い合わせいただき、ありがとうございます。

 

商品リンクは、リンクシェアなのですね。
私は、リンクシェアの商品リンクは、これまで貼ったことがないので
いろいろ調べてみました。

 

 

以下のコードで横に並びます。
シリウスに貼り付けてプレビューしてみてください。

 

 

 

<div style="float:left; margin: 30px;">

 

<a href= で始まるリンクコード

 

</div>
<div style="float:left; margin: 30px;">

 

<a href= で始まるリンクコード

 

</div>
<div style="float:left; margin: 30px;">

 

<a href= で始まるリンクコード

 

</div>

 

 

 

いただいた3つのリンクコードは、最初、画像が表示されませんでした。
タグを見ましたところ、</a> の周辺が一部、記号が欠けていましたので、そこは修正しております。

 

 

リンクシェアのリンクコードは、私が記事でご紹介した「楽天」のリンクコードとは構文タイプが
違うので、私が紹介した内容は当てはまりませんね。

 

 

styleの属性を利用した以下のタグを入れてあげることで、横に並べることができるとわかりました。

 

<div style="float:left; margin: 30px;"> 〜 </div>

 

margin: 30px の数字を変えるとリンク間の間隔が調節できます。

 

 

今回、私自身も勉強になりました。

 

お問い合わせいただき、ありがとうございました。

 

今後ともよろしくお願いいたします。

 

 

マナガツオ

 

 

Tさんは、こちらの記事でご紹介した内容を試されたようです。

 

               ↓ ↓ ↓

 

楽天商品の画像リンクを好きなように間隔を空けて並べる方法

 

 

しかし、商品リンクは横に並びませんでした。

 

その理由は、楽天のリンクとリンクシェアのリンクは、タイプが違うから。

 

リンクシェアは、楽天グループの子会社ですが、
商品リンクのタイプは楽天と同じではないんですね。

 

その商品リンクの書きだし部分が違うため、
私がご紹介した横に並べるHTMLタグをそのまま適用してもダメだったわけです。

 

 

私は、リンクシェアのリンクは、まだ貼ったことがないので
最初わからず、いろいろ調べて今回の回答に行き着きました。

 

いやあ〜、勉強になりましたねぇ。
今回、Tさんに回答した内容は、前日まで知らなかったことですから。

 

 

このあと、Tさんから Thanksメールをいただきましたが、
「お気に入りに入れてブログちょくちょく見ます。」なんていう文面みたら
もうメッチャ嬉しかったですよ。

 

 

そろそろメルマガも始めようかな、と思っていますが、
これから読者の方とたくさんやりとりしたいです。

 

ホント小さなことでも何でもかまいませんので、お問い合わせフォームに書き込んでください。

 

 

通勤時間(往復)5時間の人だから・・・
疲れてるだろうから・・・

 

そんなこと思わなくていいですからね。(笑)

 

 

ではまた。

 

続きを読む≫ 2014/12/08 21:03:08

 

シリウスに書いた記事の中に載せた

 

楽天の商品リンクつを

 

ドーーーン中央に置く方法について、お伝えします。

 

 

 

楽天の商品リンク

 

ブログに載せるタイプというと、次の4つがあります。

 

 

◆ 画像のみ

 

◆ テキストのみ

 

◆ QRコード

 

◆ 画像+テキスト

 

 

 

ひとつずつ、ご紹介していきますね。

 

 

◆ 画像のみ

 

  この場合は、リンクコードを全てマークして、こちらの中央揃えアイコンを押すだけです。

 

  

 

 

◆ テキストのみ

 

  このケースも画像のみと同じです。

 

  リンクコードを全てマークして、中央揃えアイコンを押します。

 

 

◆ QRコード

 

  こちらは、画像として、一旦、PCに保存して、シリウスに持ってきます。

 

  その画像をシリウスに持ってくるときは、以下の2通りの方法があります

 

 

  ・ ドラッグ&ドロップで、直接、記事入力エリアにコピーする。

 

  ・ 画像をこちら ↓ シリウスの画像格納ディレクトリーにコピーして、
    記事入力エリアから呼び出す。

 

 

   【画像格納ディレクトリー】           【画像呼び出しボタン】      

 

     ACES WEB
       SIRIUS
         data
          対象サイトのファイル名
            img

 

 

 

「そんなこと、シリウス・ユーザーなら誰でも知っとるわい

 

 

そうですよね。

 

 

でも、この商品リンク が一番使われているのではないか、と思いますが、

 

 

◆ 画像+テキスト

 

 

  この場合は、ちょっとした小技が必要になります。

 

  リンクもゴチャゴチャした文字が一番多いですし、

 

  シリウスの中央揃えのアイコンを押しても 言うこと聞かないんですよ。(笑)

 

  こちらの例でお伝えしますね。

 

 

 

<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="top"><div style="border:1px solid;margin:0px;padding:6px 0px;width:160px;text-align:center;float:left"><a href="http://hb.afl.rakuten.co.jp/hgc/1374d4fe.8bfd779f.1374d4ff.a77d0f12/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fzakkanetonline-trans%2ftr-003-%2f%3fscid%3daf_link_tbl&m=http%3a%2f%2fm.rakuten.co.jp%2fzakkanetonline-trans%2fi%2f10012295%2f" target="_blank"><img src="http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fzakkanetonline-trans%2fcabinet%2fzkn%2ftr-003-5_11.jpg%3f_ex%3d128x128&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%
2fzakkanetonline-trans%2fcabinet%2fzkn%2ftr-003-5_11.jpg%3f_ex%3d80x80" alt="<在庫限り>楽天ランキング入賞!衛生医療品・マスクジャンルで1位獲得(2014/07/07付)立体三層..." border="0" style="margin:0px;padding:0px"></a><p style="font-size:12px;line-height:1.4em;text-align:left;margin:0px;padding:2px 6px"><a href="http://hb.afl.rakuten.co.jp/hgc/1374d4fe.8bfd779f.1374d4ff.a77d0f12/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fzakkanetonline-trans%2ftr-003-%2f%3fscid%3daf_link_tbl&m=http%3a%2f%2fm.rakuten.co.jp%2fzakkanetonline-trans%2fi%2f10012295%2f" target="_blank"><在庫限り>楽天ランキング入賞!衛生医療品・マスクジャンルで1位獲得(2014/07/07付)立体三層...</a><br><span style="">価格:1,400円(税込、送料込)</span><br></p></div></td></tr></table>

 

 

青い塗りつぶし箇所は、なくてもかまいません。

 

なければ、画像テキスト・リンクの外側に出る横幅目一杯の枠が消えます。
(上記のリンクは、その外枠を消しています。)

 

そして、

 

これを言わなきゃいけませんね。

 

この画像テキスト・リンクを中央に持ってくるには、

 

赤い塗りつぶしfloat:leftmargin:auto に変更してください。

 

 

float:left  このタグが出しゃばっているので、中央揃えのアイコンを押しても効かないんですよ。

 

これを中央に要素を配置できるタグ margin:auto に変えることで、
左から動かなかったリンクが、ど真ん中に来てくれます。  

 

 

記事の文章との位置関係が見栄えいいように
画像の入った商品リンクは、真ん中に置きたい時があるかと思います。

 

そんなときは、この方法を試してみてくださいね。

 

 

 

楽天リンクを2つ3つ横に並べたいときは、こちらを。 

 

           ↓ ↓ ↓

 

楽天商品の画像リンクを好きなように間隔空けて並べる方法

 

続きを読む≫ 2014/12/06 22:08:06

 

楽天商品のアフィリエイト・リンクをブログやサイトに貼ったとき

 

リンクの横にコメントを入力したいと思ったことないでしょうか?

 

 

商品リンクをそのままコピーして貼り付けると
そのリンクが、貼った場所の横幅を100%独占してしまうので
コメントを入れるには、その下に書くことになります。

 

 

それは、誰でもやっていること。

 

他の誰もがやっていないことをやってみたいと思いませんか?

 

 

そうです。 

 

商品リンクの右横に文章を載せるんです。

 

商品の説明書きやコメントなど、
きっとそのほうが訪問者の目には見やすいと映るはずです。

 

人間の目は、基本、文章を見たとき、左から右に流れますから。

 

 

ご紹介しますね。

 

 

楽天商品リンクを1つブログやサイトに貼った場合は、こちら ↓ のような表示になるので、
まず、外側の枠は取りたいですよね。

 

 

 

 

その外枠を取る方法は、こちら でご紹介しているので見てみてください。

 

 

はい、外枠が取れました。

 

その後は、そのHTMLタグの下に文章を書いていくだけです。

 

 

     祝 コアラ来日、30周年!

 

     1984年10月25日、
     オーストラリアのタロンガ動物園から
     コアラが日本にやってきて今年で30年です。 

 

     名古屋市の東山動物園では、
     記念式典が行なわれました。

 

     いつ見てもあどけない表情でかわいいですね。

 

 

 

 

商品リンクとコメントとの間にスペースが空いてますが、
これは、文章を書くときに頭にスペースを入れればいいだけです。

 

ただし、
スペース全角にしてくださいね。
HTMLの世界では、半角スペースは効きませんので。

 

 

あっ、それともうひとつ。

 

 

ブログやホームページで商品を紹介するとき、
使用するリンクは、やっぱり、画像リンクを使うと視覚に訴えることができますからいいですよね。

 

 

その画像リンクですが、
上記のような画像+テキストタイプのリンクと
もうひとつ、画像のみのタイプがあります。

 

 

画像の下に書かれているテキストは、
見てのとおり、ほとんどの商品、表示が中途半端で終わっているので、直したい!
と思いますよね。

 

でも、それって出来ないんですよ。

 

楽天の規約に引っかかってしまうので、やってはいけないことなんですね。

 

 

なので、

 

そんな中途半端なテキスト載せたくない!という場合は、
リンクは画像のみにして、その横に自分で好きなようにテキストを打ち込んだらどうでしょう。

 

 

その場合は、こうするとできます。

 

 

画像のみのHTMLタグは、画像+テキストのタグとは、少し中身が違うので
ちょっとだけ手を加えます。

 

 

こちら ↓ が、画像のみのリンクタグですが、
最後の場所に青く塗りつぶしたタグを挿入してください。

 

 

  <a href="http://hb.afl.rakuten.co.jp/hgc/13483715.69a2a27e.13483716.c347d395/?
  pc=http%3a%2f%2fitem.rakuten.co.jp%2fnuigurumi-
                         途中省略
  pm%2fcabinet%2f02282251%2f03200359%2fimg66036019.jpg%3f_ex%3d80x80" border="0"
  align="left"></a>

 

 

これで、画像右横のエリアに文章を入力することが可能となります。

 

あとは、スペースを入れて見栄えを考えながら文章を打ち込んでいってください。

 

 

     祝 コアラ来日、30周年!  

 

     1984年10月25日、
     オーストラリアのタロンガ動物園から
     コアラが日本にやってきて今年で30年です。 

 

     こちらは、おみやげのコアラとは一味違うコアラのぬいぐるみ
                   お得なコアラ親子セットです。

 

 

 

どうでしょう。
見た目がいいですよね。

 

 

 

ここでは、画像リンクの右横にテキストを入れる方法をご紹介しましたが、

 

もちろん、その逆、
画像リンクを右に寄せて、左側のエリアにテキストを入れることもできます。

 

その場合、

 

画像+テキストのリンクでは、HTMLタグ一行目にある float:left を float:right

 

画像のみのリンクでは、挿入する align="left" を align="right" にすればOKです。

 

 

でも、

 

訪問者にクリックしていただく画像リンクは、左寄り に貼ったほうが効果的です。

 

 

ぜひ、お試しください。

 

 

 

楽天画像リンクの外枠をとる方法は、こちら

 

         ↓ ↓ ↓

 

楽天商品リンクの外側の枠とりたい

 

続きを読む≫ 2014/11/02 13:42:02

 

楽天の商品リンクを1つブログに貼ったけど

 

なんで、横幅いっぱいに外側の枠が表示されちゃうんだろう・・・・取りたいなあ。

 

そう思ったことはないでしょうか?

 

 

このような ↓ 感じになってしまいますよね。

 

 

マスクDEガード 5枚入り×20袋

マスクDEガード 5枚入り×20袋
価格:3,500円(税込、送料込)

 

 

これだと、見た目がよくないですし、外枠を表示させている意味もわからないですよね。

 

 

サイトへの訪問者って
結構、サイトページの見やすさというものをチェックしています。

 

ページを構成している文字や文章、画像のレイアウトは、
やはり、見やすくしたほうが、訪問者の記憶にも残りますからね。

 

 

そこで、その外枠をはずすためには・・・

 

ご紹介します。

 

 

商品リンクのHTMLタグをちょっといじります。

 

以下のように、<table で始まる HTMLタグのなかで

 

赤く塗りつぶした箇所 が外枠を作っているので、

 

そのタグを削除するだけです。

 

 

<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="top"><div style="border:1px solid;margin:0px;padding:6px 0px;width:160px;text-align:center;float:left">
                          途中省略
target="_blank">マスクDEガード 5枚入り×20袋価格:3,500円(税込、送料込)</span><br></p></div></td></tr></table>

 

 

すると、外枠が消えてくれます。

 

 

マスクDEガード 5枚入り×20袋

マスクDEガード 5枚入り×20袋
価格:3,500円(税込、送料込)

 

 

 

 

 

 

 

 

 

 

 

 

 

スッキリしますよね。

 

 

これで、画像リンク右側の空いたスペースに文章を入れることもできます。

 

その文章の入れ方については、

 

あたらめて別の記事にして、ご紹介しますね。

 

 

 

 

楽天商品リンクを に並べる方法は、こちら。
こちらでは、外枠はつけた状態でご紹介しています。

 

           ↓ ↓ ↓

 

楽天商品の画像リンクを好きなように間隔空けて並べる方法

 

続きを読む≫ 2014/10/29 19:37:29

 

私が、はじめて持ったホームページは、
東京スカイツリー専門グッズのネットショップですが

 

ある有名なアフィリエイターさんからダメ出しを食らった後は、
シリウスを使って作りなおしました。 ⇒ コチラ

 

 

もし、まだホームページを持っていない方で
ネットショップを作ってみたいという方は、
ただ、サイト棚に商品を並べるだけではなく、キレイに魅せる裏ワザなど
これからお伝えしていきますので参考にしていただけたらと思います。
( シリウスのマニュアルにはもちろん載ってませんからね。 ^^ )

 

 

まず、

 

サイトのテンプレートは、 カラムをオススメします。

 

なぜなら、記事を書くエリアが3カラムに比べると広いので、
ちょっと横幅のある画像を掲載したいときもハミ出ず載せることができるからです。

 

また、右にも左にもいろいろな情報がある、というスタイルではないので、
記事を読んでいただくことに集中していただけるということもメリットとして挙げられます。

 

 

ここでご扱う商品は、楽天に出品されているものです。
楽天の商品の数は膨大です。
あなたが探している商品はきっとあると思います。

 

 

では、棚に並べてみましょうか。

 

 

楽天サイトで商品リンクを生成したら、
コピーして、ただ、シリウスの記事入力エリアにペーストすると

 

複数 載せた場合は、その商品画像がタテに並んでしまいます。

 

商品画像は、左に寄せられて表示されるので、
これじゃ、右横の空いたスペースがもったいない! 見栄えも悪いし。

 

 

そのようなときは、横に並べる コチラのHTMLタグを使っちゃいましょう。

 

 

 

<ul style="list-style:none;padding:0;">
<li style="float:left">

</li>
<li style="float:left">

</li>
<li style="float:left">

</li>
</ul>

 

 

 

青い帯の箇所 に商品リンクを挿入してくださいね。  これは3つ商品を並べる例です。

 

最上部のタグ <ul style="list-style:none;padding:0;"> と
最下部のタグ </ul> は、固定です。
横に並べる1つの枠の囲いだと思ってください。

 

 

 

そうすると、このように表示されます。

 

でも、ちょっと左に寄ってしまっているので、間隔空けて、中央に持ってきたいと思いませんか?

 

 

 

 

そのためには,,

 

商品リンクのタグをちょっといじります。 赤枠の箇所です。

 

margin:0px

 

0px ⇒ 10px, 20px ・・・ と数字を変更することで隣の画像との間隔を空けることができます。

 

                      数字が大きくなると、間隔は広がります。

 

 

 

 

こちらの間隔は、20px のサンプルです。

 

 

 

 

この枠の中に、さらに商品を入れたい場合は、

 

<li style="float:left">

</li>

 

を追加します。

 

 

でも、4つ並べるには、画像のサイズを小さくする必要があります。
これは、楽天アフィリエイトのリンク生成ページにて変更可能です。

 

 

そして、横並び枠の2段目を作りたい場合は、
同じ構成のタグひとかたまりをその下に追加入力すればOKです。

 

 

 

このように、好きなように画像リンク間の間隔を調節することができちゃいます。

 

 

ぜひ、試してみてください。

 

 

 

あ、そうそう・・・

 

ひとつ注意点があります。

 

 

画像と一緒に記載されているテキストは変更してはいけません。

 

サイトに画像と一緒にテキストが表示されたとき、
中途半端な切れ方をしてしまっているのを見ると
ついつい枠内に収まるようにリンク・タグから直したくなってしまいます。

 

しかし、修正すると、楽天アフィリエイトの規約に引っかかるので
売れても実績にならない可能性があります。

 

 

サイトに掲載する楽天の商品リンクのタイプは、あります。

 

・ 画像とテキスト
・ 画像のみ
・ テキストのみ
・ メール
・ QRコード

 

この中で、テキストを変更できるのは、テキストのみのリンクです。

 

 

気をつけてくださいね。

 

 

続きを読む≫ 2014/09/14 11:48:14

 

皆さんは、楽天市場から買い物したこと、あるでしょうか。

 

私は、頻繁にしているわけではありませんが、

 

先日、ある商品を楽天から検索していました。

 

 

プレミアム・カルピス って知ってます?

 

カルピス・ウォーターでもなく、ソーダでもなく、オアシスでもなく
フルーツ・カルピスでもない・・・・

 

カルピス・ウォーターをめ〜っちゃ濃い味に仕上げたカルピスなんです。

 

地元のあるスーパーに数本並んでいるのを見つけて
「プレミアム」と付いているから、きっとさらに美味しいんだろうなあ・・・と
試しに一本買ってみたら、うちの母親が気に入ってしまって・・・。

 

私も飲んでみましたが、コク深さが際立って、
たしかに「プレミアム」と付いていることに納得しました。

 

しかし、翌週に、そのカルピスをまた買おうと、
そのスーパーに行ってみたんですが、なかったんです。

 

他のスーパーにはない。
そのスーパーにしかなかったんです。

 

そこの店の人に聞いてみたところ、いつ入ってくるかわからないとのこと。

 

その後、毎週、週末に見に行っても入ってないんですよね。

 

 

それじゃ、楽天にあるかな?と見てみたところ、

 

ありました、ありました!    THE PREMIUM CALPIS.

 

でも商品としては、バラで売っているわけではなく、24本セット

 

まあ、買おうと思いましたが、24本ですから、すぐ消化できるわけがないので

 

賞味期限を楽天に確認しようと思ったわけです。

 

 

楽天の商品の詳細ページに行くと
必ず、「商品についての問い合わせ」というボタンがあるので、
そこからウィンドウへ書き込んで問い合わせたんですね。

 

しかし、一週間たっても返事がない。

 

こういう時って、ちょっとイラ立ちませんか?

 

 

私自身が、仕事柄、相手が社内ユーザーではありますけど、問い合わせメールが届いたときは
48時間(2労働日)以内に返事を返すという目標を持って行なっているので、
一週間たっても返事をしてこないと、「ふざけてるなあ〜」と思っちゃうんですよ。(笑)

 

「問い合わせを受け付けました」というシステム・メールすら飛んでこない。

 

 

 

楽天の問い合わせ窓口を探しました。

 

もちろん、リアルタイム応対の電話窓口です。

 

しかし、見つからない。

 

楽天カード楽天でんわに関しての番号はあるんですけど
楽天市場に関する電話窓口が見つからない。

 

 

そしたら、

 

ヘルプ・問い合わせ画面の
        「メールでの問い合わせ」ボタンの下に
              『チャットでの問い合わせ』というボタンを見つけました。

 

 

「ああ〜、今までなかったけど、できたんだあ。」

 

楽天市場チャット

 

早速、利用してみました。

 

ボタンをクリックすると、こちらの画面が表示されました。

 

楽天市場チャット 利用すべし

 

 

メールアドレス、名前、問い合わせの内容を簡単に入力し、
「チャットを開始する」ボタンを押すと、チャット画面 に切り替わります。

 

楽天市場チャット 利用すべし

 

 

10秒〜20秒くらいでオペレーターからメッセージが来ました。

 

オペレーターの言葉(文面)も結構ていねいな表現で受けた感じは良かったです。

 

もちろん、時間制限などありません。

 

やっぱり、その場で言葉のやりとりができるのはいいですよね。

 

 

 

用を済ませた後、

 

ついでに、楽天市場の問い合わせ電話番号についても聞いてみました。

 

やっぱり、あるんですねぇ。

 

でも、なんと、「メールでの問い合わせ」ページの中ですよ。

 

そのページに行くと、

 

メール問い合わせの進み方の説明書きがあるんですが、その小さな文字の文面のなかに、

 

『お電話でのお問い合わせをご希望の場合は、こちら』 とありました。

 

箇条書きとかの工夫もされておらず、
ただ、一直線上に続けて文字が横に並べられれている中に
その案内が入っていました。

 

これじゃ、気付かずスルーしてしまいそうです。

 

その" こちら " の画面で電話番号を確認することができましたが、

 

なんで、こんな奥に隠すようなことをするんだろう・・・と思いました。

 

急いで、電話番号を探している人が、
メールでの問い合わせページには行かないと思うんですけどねえ。

 

 

最近は、メールでの問い合わせのみで、電話番号を案内していない会社って多いですよね。

 

会社ホームページの「会社概要」のページを見ても
電話番号を載せていない会社が結構あります。

 

まあ、いろいろな会社の事情があるんでしょうけど、
問い合わせの電話番号を持っているなら、
問い合わせのページ上に大きく掲示したらどうかと思いました。

 

 

 

でも、今回、この楽天市場のチャット機能には助かりました。

 

どうしてもリアルタイムでやりとりしたかったので。

 

 

楽天商品のことで
今すぐ問い合わせたい!というときは
この「メールでの問い合わせ」ページの中に案内のある問い合わせ電話番号か
チャット機能を利用してみてください。

 

 

会社から問い合わせをしたい!という場合は、
このチャット機能を利用されるといいかもしれません。

 

プライベートな話でも声に出さず、周りに聞かれることがないですからね。

 

続きを読む≫ 2014/08/29 13:32:29


*-----------------------------------------------------------------------------------*

   最後までお読みいただき、ありがとうございます。
   記事が少しでも参考になれば幸いです。

                  ブログランキング・にほんブログ村へ    


 
トップページ プロフィール 目次 オススメ 商品 メルマガ SNS お問い合わせ