【Manablog Copy】マナブログコピーでリッチなブログカードを作る方法

こんにちは!サラファイです。

この記事ではマナブログコピーでかっこいいブログカードを作る方法を説明します。


1-1. タイトル

記事の説明記事の説明記事の説明記事の説明
本記事の内容:
1. 説明説明説明説明説明説明説明
2. 説明説明説明説明説明説明説明
3. 説明説明説明説明説明説明説明
4. 説明説明説明説明説明説明説明

» この記事を読む

動作環境 Manablog Copy Ver3.0



記事の書き方

記事を書くときは、下記に示すHTML(ソースコード)をカスタムHTMLブロックにコピーしてください。

ブログカード

HTML

<div class="col-xs-12 article_box">
<div class="col-xs-12 col-sm-4">
<img src="https://画像のURLを指定してください/photo.png" class="img-responsive">
</div>
<div class="col-xs-12 col-sm-8">
<h3>1-1. タイトル</h3>
<p>記事の説明記事の説明記事の説明記事の説明
<br><b>本記事の内容:</b>
<br>1. 説明説明説明説明説明説明説明
<br>2. 説明説明説明説明説明説明説明
<br>3. 説明説明説明説明説明説明説明
<br>4. 説明説明説明説明説明説明説明
</p>
</div>
</div>
<p><a href="https://リンク先のURLを指定してください/" class="green_link">» この記事を読む</a></p>
<div style="clear:both;margin-bottom: 60px;"></div>

画面表示

1-1. タイトル

記事の説明記事の説明記事の説明記事の説明
本記事の内容:
1. 説明説明説明説明説明説明説明
2. 説明説明説明説明説明説明説明
3. 説明説明説明説明説明説明説明
4. 説明説明説明説明説明説明説明

» この記事を読む