楽天商品リンクの外側の枠とりたい
楽天の商品リンクを１つブログに貼ったけど
なんで、横幅いっぱいに外側の枠が表示されちゃうんだろう・・・・取りたいなあ。
そう思ったことはないでしょうか？
このような ↓ 感じになってしまいますよね。
 マスクDEガード 5枚入り×20袋 |
これだと、見た目がよくないですし、外枠を表示させている意味もわからないですよね。
サイトへの訪問者って
結構、サイトページの見やすさというものをチェックしています。
ページを構成している文字や文章、画像のレイアウトは、
やはり、見やすくしたほうが、訪問者の記憶にも残りますからね。
そこで、その外枠をはずすためには・・・
ご紹介します。
商品リンクの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袋
価格：3,500円（税込、送料込）
スッキリしますよね。
これで、画像リンク右側の空いたスペースに文章を入れることもできます。
その文章の入れ方については、
あたらめて別の記事にして、ご紹介しますね。
楽天商品リンクを横 に並べる方法は、こちら。
こちらでは、外枠はつけた状態でご紹介しています。
↓ ↓ ↓
*-----------------------------------------------------------------------------------*
最後までお読みいただき、ありがとうございます。
記事が少しでも参考になれば幸いです。
関連ページ
- リンクシェアの商品リンクを横に並べたい - はじめての質問 -
- 読者の方から質問を受けました。リンクシェアの商品リンクを３つ横に並べたいが、どうしても縦に並んでしまう。どうすればいいか？と。 楽天グループでも楽天のリンクコードとはタイプが違うので答え見つけるまでいろいろ調べました。そして、見つけたぁー！
- 楽天商品リンクを中央に配置する方法
- シリウスに書いた記事の中に載せた楽天の商品リンク１つをドーーーン！と中央に置く方法について、お伝えします。楽天の商品リンクの中で「画像＋テキスト」タイプは、シリウスの中央揃えボタンは効きません。 しかし、こうすることで左端から動かない画像テキスト・リンクがど真ん中に来てくれます。
- 楽天商品リンクの横に文章を入れる方法
- 楽天の商品リンクをブログやサイトに貼ったとき、リンクの横にコメントを入力したいと思ったことないですか？商品リンクをそのまま貼ると横幅が１００％独占されてしまうので、何も入力できませんが、この方法を使うと横に入れることができちゃいます。人がやっていないことをやってみよいうではありませんか。
- 楽天商品の画像リンクを好きなように間隔空けて並べる方法
- もし、まだホームページを持っていない方で、ネットショップを作ってみたいという方は、ただ、サイト棚に商品を並べるだけではなく、キレイに魅せる裏ワザなど、これからお伝えしていきますので参考にしていただけたらと思います。もちろんシリウスのマニュアルには載ってませんからね。 こちらから。
- 楽天市場チャット 利用すべし
- 先日、ある商品を楽天から検索していました。プレミアム・カルピス って知ってます？カルピス・ウォーターでもなく、ソーダでもなく、オアシスでもなく フルーツ・カルピスでもない・・・・。カルピス・ウォーターをめ〜っちゃ濃い味に仕上げたカルピスなんです。 今すぐ詳細をご覧ください。
