アメブロ 1記事にリブログを簡単に2つ以上する方法

[cc id=317]

このブログは基本的に、メンタルセラピストやスピリチュアル系を仕事にしたい方で、ブログを書いている方でITが苦手な方を対象にしています。

1記事に複数のリブログを貼りたい

1記事に複数のリブログを貼りたい。

もしかするとあなたもそう思ったことがあるかもしれない。

関連する記事をリブログをして貼り付ける事でブログの回遊率を上げる。

多くの人がやっている方法です。

ただ内容によっては2つ以上の記事を張り付けたいと思うこともあると思います。

普通にリブログするだけでは、一つしかリブログできません。

今回は、2つ以上の記事をリブログする方法お伝えします。

アメブロでリブログを複数（2つ以上）する方法

基本形として次のHTMLコードを使えば簡単にできます。

<p>
<iframe frameborder="0" height="234px" scrolling="no" src="ここをリブログのURLで置き換える" width="49%"></iframe>
<iframe frameborder="0" height="234px" scrolling="no" src="ここをリブログのURLで置き換える" width="49%"></iframe>
</p>

ためしに僕が使っているアメブロで一記事にリブログを2つしてみました。

<p>
<iframe frameborder="0" height="234px" scrolling="no" src="https://ameblo.jp/s/embed/reblog-card/minmin-ybp2/entry-12568163381.html?reblogAmebaId=minmin-ybp2&amp;isLightPreview=true" width="49%"></iframe>
<iframe frameborder="0" height="234px" scrolling="no" src="https://ameblo.jp/s/embed/reblog-card/minmin-ybp2/entry-12568148680.html?reblogAmebaId=minmin-ybp2&amp;isLightPreview=true" width="49%"></iframe>
</p>

ifreme のsrcを”https://ameblo.jp/s/embed/reblog-card/minmin-ybp2/entry-12568163381.html?reblogAmebaId=minmin-ybp2&isLightPreview=true”と実際のリブログされるときのURLを入力します。

すると実際の画面では

このように見えます。

※ただ、この方法、実際にはリブログをしたとカウントされるわけではありませんのであしからずご了承ください

すこし高度な設定

この方法でリブログした場合、PCで見る分にはリブログが2列に表示されてカッコいいんですが、スマホでみるとタイトルや説明が読みづらい　という欠点もあります。

そこでスマホの場合は、1列になるようにCSSを変えてみたいと思います。

まず2列にリブログするコードを上記のコードから以下のように変更します。

<p> 
<iframe class="reblog2column" frameborder="0" height="234px" scrolling="no" src="ここをリブログのURLで置き換える" ></iframe>
<iframe class="reblog2column" frameborder="0" height="234px" scrolling="no" src="ここをリブログのURLで置き換える" ></iframe>
</p>

上記にあった　width=”49%”を消して代わりに　class=”reblog2column”を追加します

次に、デザイン変更から、CSSの編集画面のCSS蘭の一番最後に以下のCSSを追加します。

.reblog2column
{
width:49%;
}

CSSを別にすることでPCでは2列に、スマホでは1列に表示されるようになります。

ただ、デザインがCSS編集用を使っている場合に限ります。

説明では2つですが３つ、４つやそれ以上にしたい場合は下記のようにすると増やしていくことができます。

<p>
<iframe frameborder="0" height="234px" scrolling="no" src="ここをリブログのURLで置き換える" width="49%"></iframe>
<iframe frameborder="0" height="234px" scrolling="no" src="ここをリブログのURLで置き換える" width="49%"></iframe>
</p>
<p>
<iframe frameborder="0" height="234px" scrolling="no" src="ここをリブログのURLで置き換える" width="49%"></iframe>
<iframe frameborder="0" height="234px" scrolling="no" src="ここをリブログのURLで置き換える" width="49%"></iframe>
</p>

奇数の場合は、最後のifreamの行を削除して使うようにしてください。
※ただ、この方法、実際にはリブログをしたとカウントされるわけではありませんのであしからずご了承ください

まとめ

如何だったでしょうか？機能としてのリブログが動くわけではありませんが、リブログされているように見せることができます。

それほど難しい方法ではないので是非、あなたも試してみてください。

またブログを書く上でHTMLタグの使い方や書き方を知っているのと知らないのとでは表現に差が出てくるので覚えてみてはいかがでしょうか？

HTMLタグについては次の記事がお勧めです。

[keni-linkcard url=”https://your-best-partner.site/for-it-solution/blog-html-tag.html”]

最後までお読みいただきありがとうございます。

今回の記事があなたの役に立ったなら幸いです。

質問疑問ございましたらコメント欄へお願いします。
 
[cc id=970]