2016年11月26日のブックマーク (2件)

  • はてなブログにページトップへ戻るボタンをつけよう! - No Hack No Life

    ブログ上である程度下にスクロールした際に すぅっとフェードインしてクリックすると にゅる〜んとページのトップへ戻るボタンを設置してみました。 記事が長いと上に戻るのもめんどくさいですものねぇ(゜-゜;)ウーン HTMLCSS、jQueryの知識が無い方でも 設置して頂けるように記事をまとめましたので是非お試し下さい! 見た目 この記事をある程度下にスクロールすると確認してもらえると思います。 フェードイン時 カーソルを合わせた時 クリックするとにゅる〜んとページのトップへ戻ります。 設置手順1:jQueryの準備とHTMLの配置 まずはjQueryの設置とボタン表示用のHTMLを「フッタ」に配置します。 ※フッタに設置する理由は、ページの描画処理が上から順に行われるため ページの表示速度になるべく影響を与えないためです。 JQueryとHTMLを配置 はてなブログの管理画面から 「デザイ

    napeco
    napeco 2016/11/26
    助かりました!
  • はてなブログの記事下に関連記事を表示する「あわせて読みたいG」- 太陽がまぶしかったから

    はてなブログ用「あわせて読みたいG」 上記で作成していたカテゴリ表示に対応した記事を表示させるブログパーツについて、内部的にいくつかの問題があって放置していたのですが、『はてなブログカードガチャをブログパーツ化して自分のブログに設置できるようにしたよ - 太陽がまぶしかったから』とマージして実現する事にしました。 セレクトボックスの内容から指定枚数のブログカードをランダム表示 表示エントリのカテゴリを初期設定 表示内容の更新が可能 「アーカイブ」「はてなブックマーク」「カテゴリ一覧」画面への移動が可能 要するに言えば「カテゴリ別ブログカードガチャ」を表示記事のカテゴリに合わせてロード時に実行させる事で「カテゴリ別あわせて読みたい」の機能を代替させるということです。「あわせて読みたいG」の「G」は「ガチャ」の「G」です。『モンスターハンター4G』の「G」じゃなくて。 カテゴリ別あわせて読みた

    はてなブログの記事下に関連記事を表示する「あわせて読みたいG」- 太陽がまぶしかったから