サイドエリアにバナー的なものを入れたいことがありますよね。

なるべく簡単に、特別なテクニックを必要としない方法で、ご説明したいと思います。

出来上がりはこちらです↓

 

①サイドエリアの元データを作成する

 

①-1
投稿記事を使って作成します。
記事を投稿する時と同じように、必要な画像やテキストを入れます。
画像サイズは、画像を横並びに並べたい場合は、2カラムか3カラムかで画像のサイズが変わってきます。

2カラムの場合⇒ 1画像の横幅 150px
3カラムの場合⇒ 1画像の横幅 右側のサイドエリア150px 左側のサイドエリア100px

 

 

①-2
編集が終わったら「HTML表示」を開き、赤枠内の内容を全てコピーします。

この時に、自動で画像をクリックできる設定となっているので、これを解除したい場合は、
<a href="https://stat.ameba.jp/user_images/画像アドレス"></a>
の部分を削除します。
この時に、下の図のように<a href="https://stat.ameba.jp/user_images/画像アドレス">と</a>は、離れたところに表示されていますが、1セットで削除してください。

 

 

②フリースペースにデータを貼り付ける

②-1
①-2でコピーした内容を、「設定・管理」⇒「フリースペース編集」に貼り付けます。

この時に、上にはメニューバー(グローバルナビゲーション)の記述内容が入っていますので、その下に貼り付けてください。

 

 

②-2
「プレビュー」で確認し、問題なければ「保存」をして作業は終了です。
この時に、写真と文字の間の間隔があきすぎていると感じた場合は、
<p> </p>の記述を消してみてください。

 

 

 

公式サイトはこちらです↓

 

    Information


アメブロカスタマイズのダウンロード版 

ご購入→ https://kuweb.stores.jp 

サンプル画面→https://ameblo.jp/kuweb-demo5      

※PCからご覧ください


ヘッダーやSNS用の画像各種、承っています


リキューでの販売を終了しました。
 

友だち追加
ID:@246xncuf

お気軽にお問い合わせください

営業時間: 平日9:00~16:00