新アメブロのカスタマイズ~サイドバーにメニュー項目を設置~

 

アメブロのヘッダー画像を自分だけのオリジナル画像に変えたいという方はこちら

 

これはアメブロの新しいスキン「css編集用デザイン」に対応しています。

今回のカスタマイズはサイドバーに・・・

 

このようなオリジナルメニュー項目を設置します。

しかもその他のサイドバー項目と全く同じデザインになるため、違和感がありません。

 

それではカスタマイズ開始。

「ブログを書く」⇒「サイドバー」⇒「プラグインの追加」とクリック。

そして「フリープラグイン」タブの中に、以下を全てコピペし各所を編集、保存します。

 

<div class="skinMenu myMenu">
<div class="skinMenu2">
<div class="skinMenuHeader">
<span class="skinMenuTitle">タイトル</span>
</div>
<div class="skinMenuBody">
<ul class="skinSubList">
<li><a href="ここにリンク先ページのURL">リンクテキスト</a></li>
<li><a href="ここにリンク先ページのURL "> リンクテキスト </a></li>
<li><a href="ここにリンク先ページのURL "> リンクテキスト </a></li>
<li><a href="ここにリンク先ページのURL "> リンクテキスト </a></li>
<li><a href="ここにリンク先ページのURL "> リンクテキスト </a></li>
</ul>
</div>
</div>
</div>

赤字のところは人によって異なるのでそれぞれ編集してください。

ちなみに、メニュー項目を増やしたい場合は、

<li><a href="ここにリンク先ページのURL "> リンクテキスト </a></li>

を追加していくことで増えます。(減らす場合は削除)

サイドバーにメニュー項目を設置

 

そして最後に「ブログを書く」⇒「サイドバー」⇒「配置設定」とクリック。

「フリープラグイン」をドラッグ&ドロップでサイドバーに配置します。

 

これでカスタマイズ完了。

 

人気ブログランキングで今何位?

アメブロのヘッダー画像を無料で作成

  • このエントリーをはてなブックマークに追加

【PR】話題のラインスタンプを自分で作って販売する方法

ブログランキング応援していただけると嬉しいです↓

にほんブログ村 釣りブログ バスフィッシングへ にほんブログ村 釣りブログ 東海釣行記へ にほんブログ村 釣りブログへ

この記事の著者

kazushi釣りと生き物をこよなく愛するWEBデザイナー

釣りと焼酎が好きなWEBデザイナー。夜な夜な真っ暗な部屋で水槽を眺めながら呑んでいます。最近のマイブームはハンドメイドルアー制作。琵琶湖のほとりでひっそりとWEB制作事務所を営んでいます。

この著者の最新の記事

関連記事

カテゴリー

アーカイブ

インスタやってます

ページ上部へ戻る