mineo(マイネオ)キャンペーンや裏ワザお得情報まとめ【2018年8月】

mineo紹介用URL201808

FC2ブログに「カエレバ」導入!CSSでカスタマイズも

ブログにアフィリエイトの画像付き+リンクリストが表示できるブログパーツの「カエレバ」を導入しました。

このブログパーツの良いところは、多数のリンクも同時に表示できる所。しかもそれが綺麗に表示可能なことから、ブログもスッキリしてスマホ表示でもパソコン表示でも見た目もいい感じになります。

dgjgfjfg.png

今更取り上げる事もないぐらい有名なブログパーツですが、メモ代わりに書いておきます。

カエレバ


私が取りあえず導入したのはカエレバのみ。他にも同作者の「ヨメレバ」「ポチレバ」があります。この辺はまた追々試していきます。

今回導入したカエレバは上の画像を見てもらえば分かる通り、色々な通販サイトのリンクが同時に標示できます。表示できる通販サイトは以下の7つ。

・Amazon
・楽天市場
・Yahoo!ショッピング
・7net
・ベルメゾン
・セシール
・価格コム

全部を表示させても逆に見た目も悪くなるかなと思い、取りあえず主要な4つを利用します。肝心なのが、それぞれ対応するアフィリエイトを申し込んでおく必要があります。

■Amazon
lik.pngAmazonアソシエイト
lik.pngもしも

■楽天市場
lik.png楽天アフィリエイト
lik.pngもしも

■Yahoo!ショッピング
lik.pngバリューコマース

■7net
lik.pngバリューコマース
lik.pngもしも
lik.pngA8.net

後々になって申し込むのも二度手間(*リンク張替え)になるので、初めにリンクが必要なところは一気に申し込んでおいた方がいいでしょう。

提携ができたら各アフィリエイトのコードをカエレバに登録します。後は商品を探してリンクを作るだけと超簡単。コードの探し方等はカエレバのサイトで分かりやすく解説があります。

lik.png商品紹介ブログパーツ カエレバ


カエレバをCSSでカスタマイズ


カエレバはデフォルトでも表示のパターンは数種類あり、それはそれで十分なのですが、これにCCS(*以下スタイルシート)に手を加えて自分好みにします。冒頭の画像は手を加えた状態。

とは言いつつも、そんな知識はないので公開されている方のコードを利用させてもらいます。

私がカエレバをカスタマイズするのに、利用させてもらったのは「 [M] mbdb (モバデビ)」さんのコード。

lik.png【カエレバ/ヨメレバ専用】レスポンシブな紹介リンクにするためのCSS | [M] mbdb (モバデビ)


FC2ブログではスタイルシートの編集で、そのまま上記で公開されているコードをコピペするだけ。注意点は上記記事中でも書かれていますが、カエレバのデザインは「Amazlet風-2(cssカスタマイズ用)」で。

上記のコードを更に自分好みにします。*変更部分だけ記載

■枠を外す
変更前
border: 1px solid;

変更後
border:none;

■下スペースを減らす
変更前
argin: 0 0 2rem;

変更後
margin: 0 0 0rem;

まとめ


カエレバに関して一つ注意点が過去にあって、昨年にカエレバで作成したリンクが運営者のIDが入ったリンクが作成されていた事があったようです。

lik.pngカエレバご利用者へリンク貼替のお願いとお詫び


上記に関して一部で話題になっていたようですが、無料で公開されている事には感謝しかない。これはスタイルシートのコードを公開されている方にも。

カエレバ導入でどうなるかは推移を見たいと思います。アフィリエイトって拒否反応示す方もいると思うが、やったら結構面白い。先月は過去最高のアクセス数になったが、アフィリエイトは過去最高ではない。この辺をどうすればアップするかを考えるのは面白いんですけどね。

スポンサードリンク


FC2ブログブログアフィリエイトカエレバ

ブログ』カテゴリの関連記事

fireseries.png

週間アクセスランキング

Comments 0

コメントする

2810252.jpg