アーカイブ 「ameblo」

2011年 1月 01日

【新】アメブロカスタマイズその4「タイトルバナーにトップページに戻るリンクを張る方法」

カテゴリー ameblo



ここでは、カスタマイズしたアメブロのタイトルバナーに
トップページに戻るリンクを張る方法を解説していきます。

↓タイトルバナーにTOPに戻るリンクを張る
アメブロカスタマイズ「タイトルバナーにトップページに戻るリンクを張る方法」

と、その前に、ここでのカスタマイズは

「CSS編集用デザイン」を適用していることを前提にしています。

なので、適用がまだの方はこちらを参照下さい。


以下、オリジナルタイトルバナーにトップページに戻るリンクを張る方法です。

●流れ1.アメブロの管理画面にログイン後に左上にある【クイックリンク】をクリック
アメブロ管理画面「クイックリンク」

●流れ2.【スキンCSSの編集】をクリック
アメブロカスタマイズ「スキンCSSの編集をクリック」

●流れ3.下記タグをCSSの一番下に貼り付ける。(height:300pxの数字はご自身のバナーの高さと同じにして下さい)

/* ヘッダー画像にトップページへ戻るリンクを張る */
.skinTitleArea a{
display:block;
height:300px;/* ヘッダーの高さ */
}

【図解】
アメブロカスタマイズ「タイトルバナーにトップページに戻るリンクを張る方法」
以上で、タイトルバナーにトップページのリンクが張られます♪
是非、試してみて下さいね^^。

タイトルバナーにトップページに戻るリンクを張る方法動画解説

きれいな画像で見たい方はここをクリックして下さい。

【お知らせ】【1回のみ再生可能】僅か1日でオリジナルサイトを制作できる裏ワザはこちら

Next »