最新ページへのリンクボタンを設置する方法

ブログトップページへリンクするボタンを設置するには

こんにちワ。”綾小路きみまろ”です。。ワンタンですww

先日、自分のこのブログの記事を読まれた方から、メッセージで、こんな御質問を頂きました。

おはようございます。

あと、大変遅くなりましたが、新年明けましておめでとうございます。
本年も宜しくお願い致します。

実は１２月にようやくヘッダーが完成し、設置したのですが、
自分のブログへのリンクが貼られていない事に気づきました。

恐れ入りますが、
リンクも貼れるヘッダー設置用タグを教えて頂けませんでしょうか？

宜しくお願い致します。


熱血店長こと、杉山英治

老け顔対策,ほうれい線消し方はお任せ,魅力のコスメを貴方に♪

で、この後にも再度、御自身のCSSコードを書き込んだメーセージも頂きました。
ただ残念なのは、アメブロのメッセージ欄の場合は、CSSコードは文字化けして読めないんですね。

で、杉山店長さんのCSSを穴の開くほど拝見させて頂きました^^;

無念！！

結局、原因は、わかりませんでした。

通常、CSS編集用デザインの場合、以下のコードをCSSの末尾に追記すれば、ヘッダー部分をクリックすると、そのブログの最新ページへ移動するリンクにする事が出来ます。

/* ヘッダー画像をブログトップへのリンクにする */
.skinHeaderArea2,.skinBlogHeadingGroupArea{
padding:0;
}
#header h1,.skinTitleArea{
display:block;
padding:0;
text-indent:-9999px;
}
#header h1 a,.skinTitle{
display:block;
height:300px;
}

で、CSSに記述したコードが反映されなくなる原因としては、閉じカッコ忘れ「｝」が、一番多いんだそうです。
で、それを調べるサイトがありますので、杉山店長さんのブログのCSSを全コピーして、そのサイトで調べてみたんですが、閉じカッコ忘れ「｝」は見当たりませんでした。

つぎに多いのは、フリープラグインや、フリースペースに記述すべきコードをCSS欄に記述してしまった場合だそうですが、それも、見あたりませんでした。


で、しかたない？？ので、そんな場合は、そのブログの最新ページに移動するリンクボタンを設置しちゃうのも、一つの対処策かなぁ～なんて思います。

このブログにも設置してあります。（↓）

その方法を御案内します。

ブログトップページへリンクするボタンを設置する方法

アメブロの場合、このコード（↓）を、フリースペースに貼り付けて下さい。

<!--このブログのトップページへ-->
<div style="position: fixed; top: 20px; right: 0px;z-index: 1500;"> <a href="http://ameblo.jp/wantan-52/" title="このブログのトップページへ" alt="このブログのトップページへ"> <img src="http://stat.ameba.jp/user_images/20130416/14/wantan-52/58/18/p/o0020014712502610487.png" border="0" /> </a> </div>

注：１アメブロに設置される場合は、赤字のアメーバIDを御自身のものと差し換えて下さい。でないと、このブログへのリンクになってしまいます^^;

注：２緑字の画像URLは、大分以前に無料の素材屋さんから、もらって自分のアメブロの画像フォルダーに上げて取得した画像URLです。よかったら、お使い下さい。
アメブロであれば、このまま使って頂いても消えちゃう事は無いと思います。
ただ、自分のこのブログが、アカウント削除されたり、あるいは、他のサイト（ホームページ等）に使うと、消えてしまいます（※アメブロは、直リンク禁止の為。）。
心配でしたら、この画像を一旦、御自身のパソコンに保存してから、それを御自身の運営されてるサイトに上げて、その画像URLをお使い下さい。

○思うこと
自分の場合、解らない事があって、検索で調べて「おっ！この人、いい事書いてるじゃん！！」なんて時は、そのサイトがブログであれば、その最新ページも見てみる事が多いです。
「最近、どんな発信してるんだろう？」って興味が湧きますから・・

こんなボタンを設置しておくと、多少はアクセスアップに繋がるかもですね^^;

☆ブィブィ  ('-^*)/

ここ掘れ！ここ、カケ！！ワンワン！！

ね！？

表示 - 継承 2.1