商用・ビジネス専用アメブロCSSカスタマイズ実験場 -7ページ目

アメブロCSSカスタマイズ実験中2

■本日のカスタム内容■


●headerに画像を設定しました。


background-image: url(画像URL);




●headerの下にメニューを追加しました。(フリースペースの活用)


サイドバーの設定 → フリースペースの編集を行い、

以下のようなソースを入力します。

※ソースは改行せずに入力します。


<div id="headermenu"><ul><li><a class="menu" href="リンク先URL"><p>メニュー1</p></a></li><li><a class="menu" href="リンク先URL"><p>メニュー2</p></a></li><li><a class="menu" href="リンク先URL"><p>リンク3</p></a></li><li><a class="menu" href="リンク先URL"><p>リンク4</p></a></li><li><a class="menu" href="リンク先URL"><p>リンク5</p></a></li></ul></div>


あとは、CSS編集で#headermenu を作成し、適宜に編集します。



●メッセージボードの活用


メッセージボードを使うことで、記事の一番に

特に読んでほしい内容などをお知らせすることが可能です。


場所は


ブログ書く → アメブロを書く → メッセージボード


になります。



yukiのブログ-メッセージボード活用例


とても、お手軽で、便利なので、あなたのオリジナルアイディアで

是非、活用してくださいね。