おしゃれ記事テンプレ【ベージュ】

 

 

◆コピペで簡単！アメブロ囲み枠で作るおしゃれ記事テンプレート【ベージュ】◆

 

 

ご覧になっている記事レイアウトをそのままコピーして

ご自分のブログ記事「HTML表示」に貼り付けてお使いいただけます。

スクロールしていただくと記事の下の方にコードがございます。

 

記事の書き方について知りたい方はすぐ下のリンクをご参照下さい。

 

 

 

 

 

 

 

＜導入文＞

 

・この記事は誰が書いているか

・この記事はどんな人にむけて書かれた記事なのか

・この記事を読むと読者さんはどうなれるのか

 

 

メニュー／メニュー
メニュー／メニュー

 

見出し

 

　本文

　本文

　本文

 

見出し

 

　本文

　本文

　本文

 

見出し

 

　本文

　本文

　本文

 

まとめ

 

　本文

 

 

□現在募集中のサービス□

 

今一番告知したい内容を掲載する

バナーを入れるとより目立つ

募集中のサービスがない場合は

一番登録して欲しいメルマガや公式LINEなどを入れる

 

 

 

 

【 合わせて読みたいおすすめ記事 】

・読んで欲しい記事タイトルにリンクを貼る

・読んで欲しい記事タイトルにリンクを貼る

・読んで欲しい記事タイトルにリンクを貼る

 

 

 

メディア情報

 

プロフィール / お問い合わせ


instagram / youtube / twitter / facebook /LINE＠/公式HP/メルマガ

 

 

 

 

◆コピペ用コード◆

 

 

グレーの枠の中をコピーして

ご自分の『ブログを書く』ページを

HTML表示にして貼り付けてください。

 

 

 

 

<p>&nbsp;</p>
<div>
<center>
<div>
<div style="display:inline-block; background:#ffffff; padding:10px; border:0.5px solid #d2b48c;"><span style="font-size:0.7em;"><b>メニュー</b><span style="font-weight:bold;">／</span><b>メニュー</b><br>
<b>メニュー</b><span style="font-weight:bold;">／</span><b>メニュー</b></span></div></div></center>
</div>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>＜導入文＞</p>

<p>&nbsp;</p>

<p>・この記事は誰が書いているか</p>

<p>・この記事はどんな人にむけて書かれた記事なのか</p>

<p>・この記事を読むと読者さんはどうなれるのか</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<div style="border-left: #d2b48c solid 10px; padding: 10px; background: #ffffff;width: auto;margin-right:6px;box-shadow: 5px 5px 5px #dfdfdf;">見出し</div>

<p>&nbsp;</p>

<p>　本文</p>

<p>　本文</p>

<p>　本文</p>

<p>&nbsp;</p>

<div style="border-left: #d2b48c solid 10px; padding: 10px; background: #ffffff;width: auto;margin-right:6px;box-shadow: 5px 5px 5px #dfdfdf;">見出し</div>

<p>&nbsp;</p>

<p>　本文</p>

<p>　本文</p>

<p>　本文</p>

<p>&nbsp;</p>

<div style="border-left: #d2b48c solid 10px; padding: 10px; background: #ffffff;width: auto;margin-right:6px;box-shadow: 5px 5px 5px #dfdfdf;">見出し</div>

<p>&nbsp;</p>

<p>　本文</p>

<p>　本文</p>

<p>　本文</p>

<p>&nbsp;</p>

<div style="border-left: #d2b48c solid 10px; padding: 10px; background: #ffffff;width: auto;margin-right:6px;box-shadow: 5px 5px 5px #dfdfdf;">まとめ</div>

<p>&nbsp;</p>

<p>　本文</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<div style="text-align: center;">
<fieldset style="border:3px double #d2b48c;"><legend>□現在募集中のサービス□</legend>

<p>&nbsp;</p>

<p>今一番告知したい内容を掲載する</p>

<p>バナーを入れるとより目立つ</p>

<p>募集中のサービスがない場合は</p>

<p>一番登録して欲しいメルマガや公式LINEなどを入れる</p>

<p>&nbsp;</p><legend></legend></fieldset>
</div>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<div style="background:#d2b48c; border:1px solid #d2b48c; padding: 2px;padding-left:10px; "><font style="color:#ffffff; font-weight:bold;">【 合わせて読みたいおすすめ記事 】</font></div>

<div style="border:1px solid #d2b48c; padding:10px; font-size:1em;">
<p>・<span style="font-size: 13.28px;">読んで欲しい記事タイトルにリンクを貼る</span></p>

<p>・<span style="font-size: 13.28px;">読んで欲しい記事タイトルにリンクを貼る</span></p>

<p>・<span style="font-size: 13.28px;">読んで欲しい記事タイトルにリンクを貼る</span></p></div>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<div style="text-align: center;">
<fieldset style="border:3px double #d2b48c;"><legend>メディア情報</legend>

<p>&nbsp;</p>

<p>プロフィール&nbsp;/&nbsp;お問い合わせ</p>

<p><br>
<span style="font-size:0.83em;">instagram&nbsp;/&nbsp;youtube&nbsp;/&nbsp;twitter&nbsp;/&nbsp;facebook&nbsp;/LINE＠/公式HP/メルマガ</span></p>

<p>&nbsp;</p><legend></legend></fieldset>
</div>

<p>&nbsp;</p>

<p>&nbsp;</p>