どうも皆さんこんにちは、ケンヂです。 先日Amazonアソシエイトのレポートをみていたらオナホが購入されていました。誰ですかうちのリンクからオナホを買った素敵な紳士は、怒らないから使い心地を説明しなさい。 おっと話がそれました。 最近ふと気づいたんですが、はてなブログを使ってる人たちってあまりスライダーを使っている感じないですよね。（これといって使う理由もないですが） まぁ、そもそもスライダーの設置って多少なりとも知識がないと設置しづらいので仕方のない事だとは思いますが、レイアウトを充実させる為の選択肢としては是非知っておきたいところだと思いませんか？ というわけで今回は、コピペだけでスライダーを設置する方法を紹介していくぞ～(‘ω‘ ) 今回紹介するスライダーの見本 各セクションに貼り付けるコード スライダーを読み込むためのコードを挿入 任意の場所にHTMLを挿入 デザイン調整用のCSS

Site will be available soon. Thank you for your patience!

こんにちは、つばさ（@tsubasa123）です。 どうやってご本人にお伝えしたらいいかわからなかったので記事化しました。ヒトデさん、お時間がありましたら試してみてください。 CSSだけでOK JavaScriptでももちろんできる さいごに CSSだけでOK そんな意識してないつもりだったけど、やっぱ無意識化でブレーキはかかってたんだなーって思いました とはいえこれはブクマ含めて拡散してほしいなーって記事も出て来たから難しいところ 誰か「ブクマ不要」のタグでブクマボタン隠せるようなの作ってお願い— ☆←ヒトデ@はてなブログ (@hitodeblog) 2016年12月29日 元ネタはこれ。「タグ」って書かれてるけどきっと「カテゴリ」のことだよね。 body.category-ブクマ不要 #shareButton .hatena-bookmark-button { display: non

2016 - 05 - 15 コピペでできる！画面下固定でも邪魔くさくないSNSシェアボタン（はてなブログのカスタマイズ） ブログ ブログ-Tips SPONSORED LINK シェアする Twitter Google Pocket LINE こんにちは、NAEです。 先日ブログのデザインを変更しました。今回はその詳細編として、 画面下に固定されるけど邪魔くさくならないSNSシェアボタン をはてなブログへ設置する方法をご紹介します。 参考記事： nice-and-easy.hatenablog.com コピペコード はてなブログのカスタマイズにおいていじる要素は主に3つです。 必要な外部ファイルの読み込み（Webフォントなど） 表示するものの定義（HTML） その装飾や動きの指定（CSS、Javascript） それぞれのいじり方を順番にご紹介します。 外部ファイルの読み込み 今回は、ボ

※追記(2018/01/15) 新しいバージョンを作ったので今後はこちらを参考にしてください。 ※追記(2016/12/29) サイドバーに現在位置を表示して追尾する目次を設置する【目次記法対応版】 - Twilyze blog ※追記(2016/12/22) この記事から色々変更してるので終わったら新しく記事を書きます。（作業中） 前に記事上に目次を設置したけど はてなブログを便利にするカスタマイズ - Twilyze blog サイドバーにも欲しい。ついでに追尾してほしい。 やること やり方 HTMLとjavascript css 少しだけ解説 参考 やること サイドバーに目次を設置 現在位置の背景色変更 スクロールすると位置が固定（追従）される やり方 HTMLとjavascript デザイン設定の[カスタマイズ]-[サイドバー]-[モジュールを追加]-[HTML]に貼り付ける。 （

hatena-memorandum.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

この間追加されたはてなブログの目次機能。どのモードでも、[:contents]と書き込むだけで目次がつくれるので、「凄い！」って思ったしとっても便利になりましたよね！ 今まで目次を自動生成するコードもあったのですが、特定の説明記事やリスト記事にだけ入れたいなと思っていたので、半ば諦めていました( ；´Д｀) それにちょっとコードを足すとグッと使いやすくなるので、いろいろとサンプルを紹介したいと思います。 はてなブログユーザー向けの記事になります。 CSSでできるはてなブログ目次のカスタム リスト表示を番号にする 見出しの一部を消す 小見出しを消す 中見出しも消す 「目次」という言葉を入れる 目次部分に背景色をつける 文字の大きさを、少しずつ小さくしている 段の横幅を調整 jQueryでできる目次カスタム スムーズスクロールにする 最初は隠しておいて、クリックしたら表示するようにする まとめ

はじめに はてなブログでカテゴリごとの関連記事を取得するサービス(はてなブログ関連記事ジェネレータ)を作りました。 あなたのはてなブログ内に関連記事を簡単に貼り付けることができます。 はてなブログ関連記事ジェネレータ 同じカテゴリの記事を取得する はてなブログには記事一覧ページがあり、カテゴリから記事を探すことができるようになっています。 具体的には、 http://xxx.hatenablog.com/archive/category/[カテゴリ名]というようにアクセスすることで、指定したカテゴリの記事を一覧で取得することができます。はてなブログ関連記事ジェネレータは、これをJavaScriptでパースして、関連記事として貼り付けることができるようにしたサービスです。 はてなブログ関連記事ジェネレータの使い方 １．関連記事を生成するのに必要な情報は、URLとカテゴリ名の２つです。お使いの

Site will be available soon. Thank you for your patience!

記事上に「人気記事セレクション」とか書いているサイトをよく見ますよね？でも、検索して調べると意外になかったので、簡単ですが（本当に簡単ですが）カスタマイズ方法について書きたいと思います。 関連記事：未経験、独学でもwebデザイナーに転職できる過程と方法について 人気記事セレクションって？ よく人気のブロガーさんのサイトを見てみると、ありますよね？「人気記事セレクション」下記の画像のような部分です。 僕の場合は、ブックマークはあまりないけど、検索流入が多い記事などを人気記事としてピックアップしています。 カスタマイズ方法 カスタマイズ方法というほど、難しいものではありませんが、ダッシュボードの「デザイン」→「カスタマイズ（レンチのマーク）」→「記事」の「記事上または記事下、または両方」に、以下のタグを入れます。 載せたい記事のタイトルとURLに変更すると、上記の画像のような「人気記事セレクシ

読者登録ボタンを増やしてみよう 「読者になる」ボタンが見つからないブログってたまにないですか？どっかにボタンがあるんでしょうけど、中々見つからないことがあります。 これです↓↓ 実は読者登録ボタンは増やしたり好きなところに設置することができます。今回は、読者登録ボタンの増設の仕方について説明していきます。 以下の手順で「読者になる」ボタンのコードが入手できます。 ダッシュボード→設定→詳細設定に進みます 詳細設定の下の方にあるコードをコピーします。これを、記事の中に挿入すれば記事中に読者登録ボタンを設置することができます。HTML編集で貼り付けてくださいね。 ↑↑こんな感じ 記事中だけでなく、 ダッシュボード→デザイン→カスタマイズ→記事→記事上下カスタマイズ で、記事の上下に表示させることもできます。記事上下のカスタマイズをしておけば、記事を書くたびにボタンを設置する手間が省けます。 読

はてなブログのサイドバーに設置できるカテゴリーのパーツいいのですが、 縦1列に並んで、非常に長くなっていやだ(´・ω・`)というのがあります。 カテゴリーが多くなると余計に長くなっていやだ。 ということで、ちょっとだけデザインを加えてカスタマイズしました。 適用前 なにこのカテゴリー長すぎ(´・ω・`)…… 改造方針 inline-blockを使って、li要素を横に並ぶようにします。 あとはhoverを使ってマウスオーバーしたときにちょっと光るようにします。 コピペでデザインCSSに追加しましょう 下記のコードをデザインCSSに貼り付けます。 /** * サイドバーのカテゴリーモジュール */ div.hatena-module-category div.hatena-module-body ul li a { color : #ffffff; /* 文字色 */ } div.hatena