サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
災害への備え
figyaro.hateblo.jp
はてなブログにヘッダー画像を付けてみよう。 このブログにもヘッダー画像がついていますね。というかつけたのですが。 画像は自分で用意してみてください。 それからやるべきことはひとつ。 CSSの編集です。 CSSで下記のように追加してみる。 画像はDropBoxにおいた。 #blog-title-inner h1 a{ padding:20px; background:url(http://XXXXXXXX.png) no-repeat; width:960px; height:286px; display:block; text-indent:-9999px; } 今回のポイントはこのヘッダー画像をクリックできるようにし、クリックするとトップページに戻る仕様。 画像の高さや幅は自分の画像に合わせてCSSを調整する必要がある。 赤文字の箇所は自分の画像URLに置き換える。 上記はあくまでこのブ
カスタマイズが色々できることがわかってきたので、早速jQueryを導入してみよう。 準備 まずはGoogleにホストしてあるjQueryをサイドバーのHTMLウィジェットに追加。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 上記のようなソースを貼り付ける。 そして保存。 javascriptを追加 次によくいろいろなサイトで見るトップへ戻るを押すとするするーっと 上にスクロールしながら戻るjQueryの動きを入れてみよう。 下記のようなコードを先ほどのHTMLウィジェットに追加。 <script type="text/javascript"> jQuery.noConflict(); (function($) {
このページを最初にブックマークしてみませんか?
『はてなブログデザインカスタマイズ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く