簡単に iPhone アプリの紹介リンクが作れる [ ポチレバ ] 使ってみました

2013年2月12日。今まで、iPhone アプリの紹介には AppStoreHelper と言うマックのアプリを使っていたんですが、ウェブブラウザで気軽に使えるポチレバというサービスに乗り換えました。

▲ ポチレバ

この記事の目次非表示

[ ポチレバ ] の使い方
CSS でカスタマイズしてみました
雑感

[ ポチレバ ] の使い方

[ ポチレバ ] の使い方は、次のとおりです。

▲ ユーザーデータ入力

[ サイト名 ] と [ リンクシェア ID ] を入力して保存します。

[ リンクシェア ID ] とは、リンクシェアから送られてくる [ サイト審査通過のお知らせ ] メールの中に、[ サイトコード ] という名前で記載されているコードの事です。

▲ 商品キーワードで検索し、[ ブログパーツを作る ] をクリック。アプリの名前などで検索します。

▲ スタイルを調節し、コードをコピーします。出来上がったコードをブログに貼れば完了です。

CSS でカスタマイズしてみました

ちょっと、デザインを変更したくなったので、CSS でカスタマイズしてみました。コードは、こんな感じです。

.pochireba { border: 1px solid #ccc; text-align: left; padding: 1.5em; /zoom: 1; overflow: hidden; margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.pochi_img { float:left; margin:0 1.5em 0 0; }
.pochi_info { text-align:left; /zoom: 1; overflow: hidden; }
.pochi_name { display:inline; }
.pochi_price { display:inline; }
.pochi_price:before { content:" [ "; }
.pochi_price:after { content:" ]"; }
.pochi_seller {}
.pochi_time { display:inline; }
.pochi_post { text-transform: capitalize; display:inline; }
.pochi_post:before { content:" "; }
.pochireba-footer { clear: left; }

※ コードを生成する時のスタイルは、[ CSS ] を選択します。